@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;}
.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) {
  .bg_01 {position: absolute;z-index: -3;top: -25px;left: 0px;width: 100%;min-width: 1220px;height: 2000px;/*background-image: url("pc_01.jpg?t=1764139751644");*/background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .top_box2_pc {position: absolute;z-index: 5;top: -24px;left: 0px;width: 100%;min-width: 1220px;height: 2000px;/*background-image: url("pc_01.jpg?t=1764139751644");*/background-repeat: no-repeat;background-position: center top;pointer-events: none;mix-blend-mode: hard-light;}



  .Areabg02 { position: absolute; z-index: 20; top: 0px; left: 0px; width: 100%; min-width: 1220px; height: 1736px;/*background-image: url("pc_02.png?t=1764139751644");*/background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .repeat_bg2 {position: absolute;z-index: -20;left: 0px;top: 790px;width: 100%;min-width: 1220px;height: 40000px;/*background-image: url("pc_reapet.jpg?t=1764139751644");*/background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  .bgdeco {z-index: -4;position: absolute;top: 600px;left: 0px;width: 100%;height: 60000px;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  .bg_deco { z-index: -11;position:absolute;top:1130px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}	
  .bg_fix { z-index: -1; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }

}
@media screen and (max-width: 767px) {
  .bg_01_m { z-index: -1; position: absolute; top: 10.5vw; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; }
  .bg_02_m {z-index: 5;position: absolute;top: 10.5vw;left: 0px;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;mix-blend-mode: darken;opacity: 0.65;}
  .bg_deco_m {z-index: -2;position:absolute;left:0;top: 250vw;width:100%;height: 9000vw;mix-blend-mode: lighten;background-repeat: repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
  .m_top_bg02 { z-index: -1; position: absolute; top: 10vw; left: 0px; 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: 132vw;left: 0px;width: 100%;height: 100%;background-repeat: repeat-y;background-position: center top;pointer-events: none;background-size: 100%;}

  .m_deco_light {position:absolute;top: 11vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;mix-blend-mode: overlay;z-index: -5;}	

}


/*區塊_all*/
.Area1220 { position: relative; margin: 0px auto; width: 1220px; }
.Area960 { margin: 0px auto; width: 960px; }
.Area { position: relative; margin: 0px auto; padding: 0px; border-radius: 0px; text-align: center; }
.Areaa { position: relative; display: block; }
.Area .go_bt { transition: 0.4s; }
.Area .go_bt:hover { transform: scale(0.95); }
@media screen and (max-width: 767px) {
  .Area1220 { width: 100%; }
  .Area960 { width: 100%; }
  .Area .go_bt:hover { transform: none; }
}


/*區塊-共用按鈕*/
.Area .btn_go { }
.Area .btn_go * { transition: 0.1s; }
.Area .btn_goa:hover { transition: 0.35s; transform: scale(0.9); }
.Area .btn_goa::after { transition: 0.4s; }
.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: url("btn_icon_r.png?t=1764139751644") 0% 0% / contain rgb(9, 0, 110); }
@media screen and (max-width: 736px) {
  .Area { width: 100%; height: 100%; min-width: 100%; }
  .Area .btn_go { position: absolute; }
  .Area .btn_go * { transition: 0.2s; }
  .Area .btn_go a { display: block; color: rgb(255, 255, 255); letter-spacing: -2px; }
  .Area .btn_go a::after { }
  .Area .btn_go:active a, .Area .btn_go:focus a, .Area .btn_go:hover a { color: rgb(255, 255, 255); }
  .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: 0px; right: 0px; display: inline-block; border-radius: 35px; width: 35px; height: 35px; background: url("btn_icon_r.png?t=1764139751644") 0% 0% / contain rgb(9, 0, 110); }
}





/*-----版頭-----*/
@media screen and (min-width: 768px) {
  .Area_top {position: relative;height: 1190px;margin: 0px auto;box-sizing: border-box;padding: 0px;}

  /*date*/
  .Area_top .date{width: 35%;position: absolute;top: 328px;left: 142px;z-index: 2;}

  /*大標*/ 
  .Area_top .title01 {width: 27.5%;position:absolute;top: 138px;left: 133px;height: auto;z-index: 7;}
  .Area_top .title01 img {width: 77%;}
  .Area_top .title01  ul li{position: absolute;opacity: 0;}
  .Area_top .title01  ul li:nth-child(1){top:10px;left: -59px;}
  .Area_top .title01  ul li:nth-child(2){top: 10px;left: 54px;}
  .Area_top .title01  ul li:nth-child(3){top: 10px;left: 162px;}
  .Area_top .title01  ul li:nth-child(4){top: 10px;left: 265.5px;}
  .Area_top .title01  ul li:nth-child(5){top: 10px;left: 368px;}
  .Area_top .title01  ul li:nth-child(1) img{width: 35%;}
  .Area_top .title01  ul li:nth-child(2) img{width: 35%;}
  .Area_top .title01  ul li:nth-child(3) img{width: 35%;}
  .Area_top .title01  ul li:nth-child(4) img{width: 35%;}
  .Area_top .title01  ul li:nth-child(5) img{width: 35%;}
  .Area_top .title01 input{position: relative;top: -30px;}
  /*副標輪播*/
  .Area_top .title02 {z-index: 22;position: absolute;top: 980px;left: 48px;width: 1270px;height: 170px;overflow: hidden;}
  .Area_top .title02_deco_b {position: absolute;width: 980px;overflow: hidden;top: 965px;left: 121px;mix-blend-mode: color-burn;}
  .Area_top .title02 .title02_deco {position: absolute;width: 980px;overflow: hidden;top: -19px;left: 76px;}
  .Area_top .title02 .title02_deco img{width: 100%;}
  .Area_top .title02 .Area_swiper_box {top: 10px;left: 68px;width: 78%;position: absolute;height: 282px;}
  .Area_top .title02 .Area_swiper_box ul { display: flex; gap: 0px; padding: 0px; height: 162px; }
  .Area_top .title02 .Area_swiper_box img { width: 100%; }
  .Area_top .title02 .Area_swiper_box .PD_layout{margin: 0;}
}
@media screen and (max-width: 767px) {
  .Area_top {width: 100%;position: relative;height: 125vw;padding: 0vw;}

  /*date*/
  .Area_top .date{width: 44.5%;position: absolute;top: 33.8vw;left: 2.7vw;z-index: 6;}

  /*大標*/ 
  .Area_top .title01 {width: 11.8%;position:absolute;top: -59.9vw;left: -26vw;height: auto;z-index: 11;}
  .Area_top .title01 img {width: 68%;}
  .Area_top .title01  ul li{position: absolute;opacity: 0;}
  .Area_top .title01  ul li:nth-child(1){top: 74.8vw;left: 31.8vw;}
  .Area_top .title01  ul li:nth-child(2){top: 74.8vw;left: 43.2vw;}
  .Area_top .title01  ul li:nth-child(3){top: 74.8vw;left: 54.4vw;}
  .Area_top .title01  ul li:nth-child(4){top: 74.5vw;left: 64.9vw;}
  .Area_top .title01  ul li:nth-child(5){top: 74.8vw;left: 75.5vw;}
  .Area_top .title01  ul li:nth-child(1) img{width: 100%;}
  .Area_top .title01  ul li:nth-child(2) img{width: 100%;}
  .Area_top .title01  ul li:nth-child(3) img{width: 100%;}
  .Area_top .title01  ul li:nth-child(4) img{width: 100%;}
  .Area_top .title01  ul li:nth-child(5) img{width: 100%;}
  .Area_top .title01  ul li .PD .PD_img{display: block!important;}
  /*副標輪播*/
  .Area_top .title02_deco_b{position: absolute;width: 101%;top: 101.9vw;left: -0.2vw;mix-blend-mode: color-burn;}
  .Area_top .title02 .title02_deco{position: absolute;width: 101%;top: 0.9vw;left: -0.2vw;}
  .Area_top .title02 { transform-origin: left bottom; }
  .Area_top .title02 {position: absolute;width: 100%;height: 20vw;margin: 0px auto;left: 0vw;top: 101vw;z-index: 10;}
  .Area_top .title02 .Area_swiper_box {width: 103%;height: 20vw;top: 4vw;left: -1.3vw;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box ul {display: flex;height: 36vw;gap: 0px;padding: 0px;}
  .Area_top .title02 .Area_swiper_box img {width: 97%;}
  .Area_top .title02 .Area_swiper_box .PD_layout{margin: 0;}
}



/*版頭*/
.Area_top .topPD {position: absolute;top: 193px;left: 0;width: 960px;overflow: hidden;z-index: 1;}
.Area_top .topPD ul.PD_wrapper {display: flex;flex-wrap: nowrap;margin: 0;padding: 0;width: 100%;grid-gap: 0;box-sizing: content-box;height: 755px;}
.Area_top .topPD ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; pointer-events: inherit; cursor: pointer; opacity: 1; transform: translate(0%,0); transition: transform 20s ease 20s;}
.Area_top .topPD ul.PD_wrapper li.PD_slide { min-width: inherit;}
.Area_top .topPD ul.PD_wrapper li.PD_slide:hover { box-shadow: 0 3px 30px rgba(0, 0, 0, 0);}

@media screen and (min-width: 768px) {
  .Area_top .topPD {position: absolute;top: 374px;left: 300px;width: 621px;overflow: hidden;z-index: 1;}
  .Area_top .topPD ul.PD_wrapper img {width: 118%;}
}
@media screen and (max-width:767px){
  .Area_top .topPD {top: 40.3vw;left: 17.5vw;width: 66%;}
  .Area_top .topPD ul.PD_wrapper { height: 78vw;}
  .Area_top .topPD ul.PD_wrapper img {width: 115%;}
}



/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_04 { margin-left: 0px!important; margin-top: 100px!important; z-index: 99!important; }



/*---版頭裝飾---*/
@media screen and (min-width: 768px) {
  .deco_line {position:absolute;top: 110px;left: 673px;animation: mask_lefttoright 1.8s 3s ease-in infinite;opacity: 1;z-index: 5;pointer-events: none;}
  .top_tt {position:absolute;top: 0px;left: 129px;opacity: 1;z-index: 5;pointer-events: none;}
  .top_snow1 {position:absolute;top: 0px;left: 995px;opacity: 1;z-index: 5;pointer-events: none;}
  .top_snow2 {position:absolute;top: 590px;left: 20px;opacity: 1;z-index: 5;pointer-events: none;}

  .top_snow1b {position:absolute;top: 0px;left: 995px;opacity: 1;z-index: 5;pointer-events: none;mix-blend-mode: overlay;}
  .top_snow2b {position:absolute;top: 590px;left: 20px;opacity: 1;z-index: 5;pointer-events: none;mix-blend-mode: overlay;}

  .top_box2 {z-index: 50;position:absolute;top: -25px;left: 130px;opacity: 0.8;z-index: 5;pointer-events: none;mix-blend-mode: hard-light;}
  .top_box1 {z-index: 50;position:absolute;top: -25px;left: 130px;opacity: 0.5;pointer-events: none;mix-blend-mode: overlay;}





}
@media screen and (max-width: 767px) {
  .deco_line {position:absolute;width: 29.7%;top: 12.9vw;left: 54.5vw;animation: mask_lefttoright 2.13s 3s ease-in infinite;opacity: 1;z-index: 20;pointer-events: none;}
  .top_tt {position:absolute;width: 100%;top: -1vw;left: 0vw;opacity: 1;z-index: 10;pointer-events: none;}
  .top_snow1 {position:absolute;width: 17%;top: -7.5vw;left: 81vw;opacity: 1;z-index: 10;pointer-events: none;}
  .top_snow2 {position:absolute;width: 21.5%;top: 65vw;left: -5.5vw;opacity: 1;z-index: 0;pointer-events: none;}
  .top_snow1b {position:absolute;width: 17%;top: -7.5vw;left: 81vw;opacity: 1;z-index: 10;pointer-events: none;mix-blend-mode: overlay;}
  .top_snow2b {position:absolute;width: 21.5%;top: 65vw;left: -5.5vw;opacity: 1;z-index: 0;pointer-events: none;mix-blend-mode: overlay;}

  .top_box2 {z-index: 5;position:absolute;width: 100%;top: 0vw;left: 0vw;pointer-events: none;mix-blend-mode: hard-light;/* opacity: 0.8; */}
  .top_box1 {z-index: 5;position:absolute;width: 100%;top: -1vw;left: 0vw;pointer-events: none;mix-blend-mode: overlay;/* opacity: 0.5; */}
  .top_yy {z-index: 5;position: absolute;top: 3vw;left: 16vw;width: 82%;pointer-events: none;mix-blend-mode: overlay;}
  .top_yy2 {z-index: 5;position: absolute;top: 10vw;left: 42vw;width: 47%;opacity: 0.5;pointer-events: none;mix-blend-mode: revert-layer;}
  

}


/*---deco---*/
@media screen and (min-width:768px){
  .ice_R{position: absolute;width: 100%;top: -2vw;right: 0px;z-index: 10;}
  .ice_L{position: absolute;width: 100%;top: 44px;left: -8px;z-index: 10;pointer-events: none;}
  .ice_R2{position: absolute;width: 100%;top: 34px;right: 0px;z-index: 0;pointer-events: none;}
  .ice_L2{position: absolute;width: 100%;top: -35px;left: 0px;z-index: 10;}
  .ice_L3{position: absolute;width: 100%;bottom: -150px;left: -10px;z-index: 10;pointer-events: none;}
  }
  @media screen and (max-width:767px){
  .ice_R{position: absolute;width: 100%;top: -3vw;right: 0vw;z-index: 10;}
  .ice_L{position: relative;width: 100%;bottom: 0vw;left: 0vw;z-index: 0;}
  .ice_R2{position: absolute;width: 100%;top: 3.5vw;right: 0vw;z-index: 0;}
  .ice_L2{position: absolute;width: 100%;top: -3vw;;left: 0vw;z-index: 0;}
  .ice_L3{position: absolute;width: 100%;top: 132vw;left: 0vw;z-index: 0;}
  }
  



/*01_回饋趴數*/
@media screen and (min-width:768px){
  .Area_strategy {margin-top: 200px!important;margin-bottom: -40px !important;left: -20px;z-index: 10;}
  .Area_strategy .Area00 {position: relative;width: 80%; margin-top: -21px; left: 148px;}
  .Area_strategy .Area00 ul{padding: 0; }
  .Area_strategy .Area00 img {border-radius: 15px 180px 15px 180px;}

}
@media screen and (max-width:767px){
  .Area_strategy {width: 100% !important;height: 35vw;z-index: 10;margin: -2vw auto 9vw;}
  .Area_strategy .Area00 {width: 100%;margin-top: 14vw;margin-left: 0;}
  .Area_strategy .Area00 ul {padding: 10px;}
  .Area_strategy .Area00 img {border-radius: 3vw 17vw 2vw 15vw;}
}


/*01_回饋趴數*/
@media screen and (min-width:768px){
  .Area_logo {margin-top: 68px!important;left: -9px;z-index: 10; }
  .Area_logo {position: relative;width: 80%; margin-top: -21px; left: 148px;}
  .Area_logo .logo_box .PD_layout ul{padding: 0; }
  /*背景*/
  .logo_bg {position: absolute;z-index: -3;top: -30px;left: 3px;width: 100%;min-width: 950px;height: 1920px;/*background-image: url("logo_bg.png?t=1764139751644");*/background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  
}
@media screen and (max-width:767px){
  .Area_logo {height: 70vw;margin: 0 auto 7vw;z-index: 10;}
  .Area_logo .logo_box .PD_layout ul {padding: 0 15px;gap: 1.5vw;margin-top: -0.1vw;}
  /*背景*/
  .logo_bg {z-index: 0;position: absolute;top: -7.3vw;left: 0px;width: 100%;height: 221vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
}




/*---05_品牌logo_all---*/
@media screen and (min-width:768px){
  .logo_bg {position: absolute;z-index: -3;top: -88px;left: -130px;width: 100%;min-width: 1220px;height: 850px;/*background-image: url("btn_bg.png?t=1764139751644");*/background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .Area_btn{margin: 0px auto 105px auto;height: auto;left: 10px;z-index: 12;}
  .Area_btn .text_bg{width: 960px;}
  .Area_btn .logo_box {width: 98%;margin-top: -23px;}
  .Area_btn .logo_box ul {grid-gap: 15px;padding: 33px;}
}
@media screen and (max-width:767px){
  .logo_bg {z-index: -1;position: absolute;top: -7.5vw;left: 0px;width: 100%;height: 215vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;/* display: none !important; */}
  .Area_btn{margin: 0vw auto 9.5vw auto;height: auto;z-index: 10;}
  .Area_btn .logo_box {width: 96%;margin-top: -0.8vw;}
  .Area_btn .logo_box ul {grid-gap: 1.5vw;}
}
    
    
  
/*---01_品類按鈕---*/
@media screen and (min-width:768px){
  .activ_bg {position: absolute;z-index: -3;top: -88px;left: -130px;width: 100%;min-width: 1220px;height: 850px;/*background-image: url("btn_bg.png?t=1764139751645");*/background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .Area_btn{margin: 0px auto 90px auto;height: auto;left: 10px;z-index: 12;}
  .Area_btn .text_bg{width: 960px;}
  .Area_btn .btn {width: 103%;padding: 6px 0 0 10px;}
  .Area_btn .btn ul {grid-gap: 18px;}
}
@media screen and (max-width:767px){
  .activ_bg {z-index: -1;position: absolute;top: -8.5vw;left: 0px;width: 100%;height: 215vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;/* display: none !important; */}
  .Area_btn{margin: 0vw auto 9.5vw auto;height: auto;z-index: 10;}
  .Area_btn .btn {width: 100%;padding: 0.6vw 0 0 0;}
  .Area_btn .btn ul {grid-gap: 2vw;margin-left: 2vw;}
}
    
    
  

/**01_版頭品輪播公版**/	
@media screen and (min-width:768px){
  .Area_hot {z-index: 20;width: 916px !important;height: 430px;margin-top: 10px;margin-bottom: 70px !important;}	
  .Area_hot .text .layout_text {position:relative;width:80%;margin:0 auto;padding-bottom:0;height: 240px;}
  .Area_hot .text .layout_text .PD_slide:hover{transform:none;}
  .Area_hot .text .layout_text .PD a {pointer-events: none!important}
  
  .Area_hot .box .PD_layout {width: 100%;margin:0 auto;padding-top: 0;left: 20px;top: -20px;overflow: hidden}	
  .Area_hot .box .PD_layout ul {display:flex;margin:0;padding-top:8px;grid-gap:0;}
  .Area_hot .box .PD_layout ul li {height: auto;margin:0;padding:0;grid-gap:0;background-color: #fff;/*border: solid 3px #000000 !important;*/}
  .Area_hot .box .PD_layout .PD p {height: 3em;}
  .Area_hot .box .PD_layout .PD p del {font-size: 16px!important;}
  .Area_hot .box .PD_layout .PD_into .Price {font-size: 33px!important;}
  .Area_hot .box .PD_layout .swiper-pagination {position:relative;margin: 15px 0;}
    
  }
  @media screen and (max-width:767px){
  .Area_hot {width: 100% !important;height: auto;margin: 0.3vw 0 7vw 0 !important;padding-left: 0vw !important;z-index: 10;}
    
  .Area_hot .text .layout_text {position:relative;width: 100%;margin: 0 0 0 0;padding: 10vw 0 0 0;}
  .Area_hot .text .layout_text.PD_layout ul {padding-left: 0 !important;padding-right: 0 !important;}
  .Area_hot .text .layout_text .PD a {pointer-events: none!important}
    
  .Area_hot .box .PD_layout {width: 97.35%;height: 68vw;left: 0;padding-top: 0vw;overflow: hidden;}	
  .Area_hot .box .PD_layout ul {display:flex;margin: 0;padding: 0;grid-gap:0;}
  .Area_hot .box .PD_layout ul li {margin: 0;padding: 0;height: 64vw;grid-gap:0;background-color: #fff;/* border: solid 0.4vw #000000 !important; */}
  .Area_hot .box .PD_layout .PD_into .Price {font-size: 25px!important;}	
  .Area_hot .box .PD_layout .swiper-pagination {position:relative;margin: 3vw 0 0;}
  .Area_hot .box .PD_layout .swiper-pagination.swiper-pagination-white{bottom: -0.3vw;width: 100%;margin: 0 auto;}
  
  }
    
@media screen and (max-width: 767px) {
    .PD_layout .PD p {
        height: 2.2em;
        line-height: 1.9em;
    }
}




/*06_LOGO公版12品*/
@media screen and (min-width:768px){
  .Area03 {margin-bottom: -10px;}
  .Area03 .layout_text.PD_layout {height: 130px;}
  /*公版區*/	
  .Area03 .PD_layout ul { grid-gap: .6em!important;background: none;border: none!important; }
  .Area03 .PD_layout ul li { border-radius: 0.5em; overflow: hidden; }
  .Area03 .PD_layout-D1_01 .PD h4{color: #000!important;padding-top: 5px;  }
  .Area03 .PD_layout-D1_01 .PD h4 b{color: #ed2332 !important;line-height: 34px;display: block !important;} 
  .Area03 .PD_layout-D1_01 .PD_slide {background-color: #fff;}
  
}
@media screen and (max-width:767px){
  .Area03 {margin-bottom: 10vw;}

  /**區標**/	
  .Area03 .layout_text.PD_layout {width: 105%;left: -1.5vw;}
  .Area03 .layout_text.PD_layout ul {padding-left: 0 !important;padding-right: 0 !important;}
  .Area03 .layout_text .PD a {pointer-events: none!important}
    
  /*公版區*/	
  .Area03 .PD_layout { width: 96% ; padding-top: 0; }
  .Area03 .PD_layout-D1_01 .PD h4{color: #000!important;font-size: 18.5px;padding-top: 1vw;line-height: 6.5vw;}
  .Area03 .PD_layout-D1_01 .PD h4 b{color: #ed2332 !important;font-size: 18.5px;font-weight: 900 !important;} 
  .Area03 .PD_layout-D1_01 .PD_slide {background-color: #fff;border-radius: 0.5em;}
  .Area03 .PD_layout ul li {border-radius: 0.5em;}
  .Area03 .PD_layout .PD_img {border-radius: 0.5em 0.5em 0 0;overflow: hidden;}
  .Area03 .PD_layout.PD_layout-D1_01 ul.PD_wrapper {width: 99%;display: grid;grid-gap: 0.5em!important;padding: 0 0 0 0 !important;}
  .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo {height: 5em !important;margin-top: -11vw !important;margin-bottom: 0vw !important;}

  .Area03 .PD_layout.PD_layout-D1_01.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img {border-radius: 10em;border: 0.4vw solid #ffffff;}

}








/** 倒數 **/
.TimerNick {position: absolute;z-index: 10;top: 113px;left: 50%;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: 45px/38px Century Gothic;color: #7581b1;/*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: 61px;}
.TimerNick span {padding-left: 9px;font: 29px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #a37a57;}
    @media screen and (max-width:767px){
        .TimerNick {z-index:2;position: absolute;top: 8vw;left: 26.5vw;display:inline-block;margin:0;padding-right:0%;width: 62%;height:0;padding-bottom:13%;overflow:hidden;text-align:right;/*background:url(m_time_bg.png?t=1764139751645) no-repeat center top; */background-size:100%;}
        .TimerNick .FontStyle {display:inline-block;margin:0px 0 0 0;padding:0;border:0px;width: 5.5vw;font: 5.2vw/11vw Century Gothic;color: #7581b1;/*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: 7vw;}
        .TimerNick span {padding-left: 0.5vw;font: 3vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #a37a57;}
    }
                     

/*---限搶---*/
@media screen and (min-width:768px){
	.Area_time{margin: -13px auto 170px auto;height: auto;}
  .Area_time .ly{margin: -11px auto 0 auto;padding: 0 0 20px 0;width: 78%;z-index: 2;/*background-color: #fee6b8;*/}
  .Area_time .ly ul{width: 94%;}
}
@media screen and (max-width:767px){
  .Area_time{width: 100%;margin: 0 auto 17vw auto;height: auto;}
  .Area_time .ly{margin: -2vw auto 0 auto;padding: 0 0 3vw 0;width: 100%;z-index: 1;/*background-color: #fee6b8;*/}
  .Area_time .ly ul{width: 94.5%;}
}





/*---一健全領---*/
@media screen and (min-width:768px){
  .coupon{width: 93%;left: 7px;margin: 0px auto 130px;}
  /*文字*/
  .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #fff;}
}

@media screen and (max-width:767px){
  .coupon{width: 99%;left: 0.65vw;margin: 0px auto;}
  /*文字*/
  .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #fff;}
}


/*---登記---*/
@media screen and (min-width: 768px) { 
  /*背景*/
  .danji_bg {position: absolute;z-index: -3;top: -75px;left: 3px;width: 100%;min-width: 950px;height: 1920px;background-image: url("danji_bg.png?t=1764139751645");background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .Area_brand{margin: -13px auto 0 auto;height: auto;}
  .Area_brand .ly{margin: -13px auto 140px auto;padding: 0 0 20px 0;width: 78%;z-index: 2;/*background-color: #fee6b8;*/}
  .Area_brand .ly ul{width: 94%;}
  


  .danji {margin: 80px auto 0 auto;}
  .danji .box { padding: 0px; }
  .danji .Area_danji .danji_box {width: 870px;margin-bottom: 4px;}
  .danji .warningTxt h3{ color: #fff !important;} 
  /*登記贈品文案顏色*/
  .Area_danji .danji_box ul li .activityText .gifts span { color: #129d7d;} 
}
@media screen and (max-width: 767px) {
  /*背景*/
  .danji_bg {z-index: 0;position: absolute;top: -7.3vw;left: 0px;width: 100%;height: 221vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
  .danji {margin: -3vw auto 0px;}
  .danji .Area_danji {width: 94.5%;margin-top: 0.2vw;}
  .danji .box_all {position: relative;padding: 0px;}
  /*登記贈品文案顏色*/
  .Area_danji .danji_box ul li .activityText .gifts span { color: #129d7d;} 
  .danji .warningTxt h3{ color: #fff !important;margin-bottom: 2vw !important;} 

}




/*---情境按鈕---*/
@media screen and (min-width:768px){
	.Area_btn02{margin: 60px auto 0 auto;}
}

@media screen and (max-width:767px){
  .Area_btn02{margin: 7vw auto 0 auto;}
  /*按鈕*/
  .Area_btn02 .btn{padding: 0 0 0 0;}

}





/*---公版6品---*/
@media screen and (min-width:768px){
  /*背景*/
  .PD_bg {position: absolute;z-index: -3;top: -60px;left: 3px;width: 100%;min-width: 1220px;height: 1920px;background-image: url("ly_bg.png?t=1764139751645");background-repeat: no-repeat;background-position: center top;pointer-events: none;}

  .Area_PD{margin: 50px auto 120px auto;}
  .Area_PD .box{position: relative;margin: 90px auto 0px auto;}
  .Area_PD .box .text_1220{position: relative;z-index: 2;}
  .Area_PD .box .PD_layout.ly{position: relative;z-index: 1;width: 77%;margin: -20px auto -50px auto;padding: 20px 0 30px 0;}
  .Area_PD .box .ly.PD_layout ul{width: 100%;margin: 0 auto;}

}

@media screen and (max-width:767px){
  /*背景*/
  .PD_bg {z-index: 0;position: absolute;top: -2.3vw;left: 0px;width: 100%;height: 221vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
  
  .Area_PD{margin: 0vw auto 12vw auto;}
  .Area_PD .box{position: relative;margin: -2vw auto -3.5vw auto;}
  .Area_PD .box .text_1220{position: relative;z-index: 2;}
  .Area_PD .box .PD_layout.ly{width: 100%;margin: 0vw auto 0 auto;}
  .Area_PD .box .ly.PD_layout{position: relative;z-index: 1;margin: 0.2vw auto 0 auto;padding: 0vw 0.6vw;}
  .Area_PD .box .ly.PD_layout ul{padding: 0;width: 96.5%;}
  .Area_floorPD_NavArea_tabbar{margin: 0 auto 0 auto!important;}
}




/*---下方公版---*/
@media screen and (min-width:768px){
  /*背景*/
  .PD_bg {position: absolute;z-index: -3;top: -56px;left: 10px;width: 100%;min-width: 1220px;height: 650px;background-image: url("ly_bg.png?t=1764139751645");background-repeat: no-repeat;background-position: center top;pointer-events: none;}

  .Area_ly_down{margin: 50px auto 0 auto;}
  .Area_ly_down .box{position: relative;margin: 0px auto 90px auto;}
  .Area_ly_down .box .text_1220{position: relative;z-index: 2;}
  .Area_ly_down .box .PD_layout.ly{position: relative;z-index: 1;width: 89%;margin: -12px auto -50px auto;padding: 0px 0 30px 0;}
  .Area_ly_down .box .ly.PD_layout ul{width: 96%;}
  .Area_ly_down .box .ly.PD_layout ul{border: 3.5px solid #a1d6ff;border-radius: 15px;}
  .Area_ly_down .box .ly.ly2.PD_layout ul{border: 3.5px solid #ffe3b0;border-radius: 15px;}
}

@media screen and (max-width:767px){
  /*背景*/
  .PD_bg {z-index: 0;position: absolute;top: -5vw;left: 0px;width: 100%;height: 142vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
  
  .Area_ly_down{margin: 0vw auto 11vw auto;}
  .Area_ly_down .box{position: relative;margin: 5.5vw auto 0vw auto;}
  .Area_ly_down .box .text_1220{position: relative;z-index: 2;}
  .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: -0.5vw auto 0 auto;padding: 0vw 0.6vw;}
  .Area_ly_down .box .ly.PD_layout ul{border: 0.6vw solid #a1d6ff;border-radius: 2.8vw;}
  .Area_ly_down .box .ly.ly2.PD_layout ul{border: 0.6vw solid #ffe3b0;border-radius: 2.8vw;}
  .Area_floorPD_NavArea_tabbar{margin: 0 auto 0 auto!important;}
}




/*輸送帶*/
.bgtop_r-play { -webkit-animation:bgtop_r-play 15s 0.3s linear infinite; 
                        animation:bgtop_r-play 15s 0.3s linear infinite ;}
  @-webkit-keyframes bgtop_r-play {
    0%   { background-position:0 0;}
    100% { background-position:-500px 0;}

  }
  @keyframes bgtop_r-play {
    0%   { background-position:0 0;}
    100% { background-position:500px 0;}
  }