@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;/*background-color:#faf1e2;*/ }
.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=1756288779614");*/background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .Areabg02 { position: absolute; z-index: 20; top: 0px; left: 0px; width: 100%; min-width: 1220px; height: 1736px;/*background-image: url("pc_02.png?t=1756288779614");*/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=1756288779614");*/background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  .bgdeco {z-index: 1;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;}	
  .bg_deco01 {position:absolute;top: 45.8vw;width:100%;right: 10vw;height:100%;background: url(bg_deco01.jpg?t=1756288779614) repeat-x center top;background-size: 113%;transform: rotate(-24.5deg);z-index: 0;}
  .bg_deco02 {position:absolute;top: 56.5vw;width:100%;right: 30vw;height:100%;background: url(bg_deco02.jpg?t=1756288779614) repeat-x center top;background-size: 115%;transform: rotate(-21.5deg);z-index: 2;}
  .bg_deco03 {position:absolute;top: 27.5vw;width:100%;left: -176vw;height:100%;background: url(bg_deco01.jpg?t=1756288779614) repeat-x center top;background-size: 113%;transform: rotate(40deg);z-index: 0;}
  .bg_deco04 {position:absolute;top: 19vw;width:100%;left: -180vw;height:100%;background: url(bg_deco02.jpg?t=1756288779614) repeat-x center top;background-size: 115%;transform: rotate(43deg);z-index: 2;}

  .bg_deco01b {position:absolute;top: 50.5vw;width:100%;right: 10vw;height:100%;background: url(bg_deco01.jpg?t=1756288779614) repeat-x center top;background-size: 113%;transform: rotate(-24deg);z-index: 1;mix-blend-mode: overlay;}
  .bg_deco02b {position:absolute;top: 58.5vw;width:100%;right: 25vw;height:100%;background: url(bg_deco02.jpg?t=1756288779614) repeat-x center top;background-size: 115%;transform: rotate(-21.5deg);z-index: 3;mix-blend-mode: overlay;}
  .bg_deco03b {position:absolute;top: 27.5vw;width:100%;left: -166vw;height:100%;background: url(bg_deco01.jpg?t=1756288779614) repeat-x center top;background-size: 113%;transform: rotate(40deg);z-index: 1;mix-blend-mode: overlay;}
  .bg_deco04b {position:absolute;top: 19vw;width:100%;left: -171vw;height:100%;background: url(bg_deco02.jpg?t=1756288779614) repeat-x center top;background-size: 115%;transform: rotate(43deg);z-index: 3;mix-blend-mode: overlay;}
  .bg_deco_box {position: absolute;width: 960px;top: 0;left: 0;height: 110vw;overflow: hidden;}	
  
}


/*區塊_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=1756288779614") 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=1756288779614") 0% 0% / contain rgb(9, 0, 110); }
}





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

  /*版頭品*/
  .Area_top .topPD{width: 79%;position: absolute;top: -22px;left: 137px;z-index: 11;}
  .Area_top .topPD ul{padding: 0;}
  .Area_top .topPD2{width: 100%;position: absolute;top: -21px;left: 10.5px;z-index: 10;}
  .Area_top .topPD2 ul{padding: 0;}


  /*date*/
  .Area_top .date{width: 32%;position: absolute;top: -13px;left: 783px;z-index: 2;}
  /* .Area_top .date{animation: tada 1.2s 0.3s ease-out infinite;} */

  /*大標*/ 
  .Area_top .title01 {width: 25.7%;position:absolute;top: 32px;left: 157.5px;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: 42px;}
  .Area_top .title01  ul li:nth-child(3){top: 10px;left: 144px;}
  .Area_top .title01  ul li:nth-child(4){top: 10px;left: 248.5px;}
  .Area_top .title01  ul li:nth-child(5){top: 10px;left: 352px;}
  .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 .title02_deco {position: absolute;width: 715px;overflow: hidden;top: 1px;left: 119px;}
  .Area_top .title02 .title02_deco img{width: 100%;}
  .Area_top .title02 {z-index: 22;position: absolute;top: 149px;left: 68px;width: 1010px;height: 383px;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box {top: 0px;left: 73px;width: 76.5%;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: 105vw;padding: 0vw;}

  /*版頭品*/
  .Area_top .topPD{width: 100%;position: absolute;top: -2vw;left: 0vw;z-index: 11;}
  .Area_top .topPD ul{padding: 0vw;}
  .Area_top .topPD2{width: 100%;position: absolute;top: -1vw;left: 0vw;z-index: 10;}
  .Area_top .topPD2 ul{padding: 0vw;}

  /*date*/
  .Area_top .date{width: 39%;position: absolute;top: -0.2vw;left: 63vw;z-index: 6;}
  /* .Area_top .date{ animation: tada 1.2s 0.3s ease-out infinite;} */


  /*大標*/ 
  .Area_top .title01 {width: 11.5%;position:absolute;top: -68.5vw;left: -25.5vw;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: 42.3vw;}
  .Area_top .title01  ul li:nth-child(3){top: 74.8vw;left: 52.9vw;}
  .Area_top .title01  ul li:nth-child(4){top: 74.8vw;left: 63.8vw;}
  .Area_top .title01  ul li:nth-child(5){top: 74.8vw;left: 74.6vw;}
  .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 .title02_deco{position: absolute;width: 99%;top: 1vw;left: 0vw;}
  .Area_top .title02 { transform-origin: left bottom; }
  .Area_top .title02 {position: absolute;width: 83%;height: 40vw;margin: 0px auto;left: -1vw;top: 16.5vw;z-index: 10;}
  .Area_top .title02 .Area_swiper_box {width: 100%;height: 36vw;top: 1vw;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;}
}


/*---版頭裝飾---*/
@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;}
  .deco_circle {position:absolute;top: 1px;left: 139px;opacity: 1;z-index: 5;pointer-events: none;}


}
@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;}
  .deco_circle {position:absolute;width: 100%;top: 1.3vw;left: 0vw;opacity: 1;z-index: 10;pointer-events: none;}
  .deco_circle2 {position:absolute;width: 100%;top: -1vw;left: 0vw;opacity: 1;z-index: 0;pointer-events: none;mix-blend-mode: multiply;}

}


/*---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: 68px!important;left: -9px;z-index: 10; }
  .Area_strategy .Area00 {position: relative;width: 80%; margin-top: -21px; left: 148px;}
  .Area_strategy .Area00 ul{padding: 0; }
}
@media screen and (max-width:767px){
  .Area_strategy {width: 100% !important;height: auto;z-index: 10;}
  .Area_strategy .Area00 {width: 100%;margin-top: 7.5vw;margin-left: 0.4vw;}
  .Area_strategy .Area00 ul{padding: 0; }
}



/*---01_品類按鈕---*/
@media screen and (min-width:768px){
  .activ_bg {position: absolute;z-index: -3;top: -20px;left: -130px;width: 100%;min-width: 1220px;height: 850px;/*background-image: url("btn_bg.png?t=1756288779614");*/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 .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: -2vw;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 12vw 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;}
}
    
    
  

/*---作圖區(無底色)---*/
@media screen and (min-width:768px){
  .Area_item{margin: 0px auto 70px auto;}
  .Area_item .item_bgup{position: absolute;top: -20px;z-index: -1;}
  .Area_item .item_bgrp{margin-top: 250px;height:100%;/*background: url("Area07_repty2.png?t=1756288779614") center top/ 100% repeat-y scroll;*/}
  .Area_item .ly{margin: -240px auto 0 auto;}
  .Area_item .ly ul{width: 101%;padding: 0;grid-gap: 0px !important;}
  .Area_item .ly ul li{padding: 0 0 610px 0;background: no-repeat center top/105% url("item_bg.png?t=1756288779614");}
  .Area_item .ly ul li .PD_into{text-align: center;}
  .Area_item .ly ul li .PD_into .PD_logo{width: 100%;position: absolute;left: -34px;top: -263px;}
  .Area_item .ly ul li .PD_into .PD_logo img{width: 31%;border-radius: 100%;}
  .Area_item .ly ul li .PD_into{position: absolute;width: 64%;left: 103px;top: 376px;z-index: 5;}
  .Area_item .ly ul li .PD_img{width: 60%;position: absolute;top: -20px;left: 90px;}
  /*文字*/	
  .Area_item .ly.PD_layout .PD_into h3{color: #fff;width: 100%;position: relative;left: 0;top: -11px;font-size: 2.15em;line-height: 1em;}
  .Area_item .ly.PD_layout .PD_into h4{color: #fff;position: relative;width: 100%;top: -11px;left: 0;font-size: 2em;}
  .Area_item .ly.PD_layout .PD_into p{color: #ffd886;width: 87%;font-size: 1.85em;position: relative;top: -26px;left: 22px;}
  .Area_item .ly.PD_layout .PD_into p del{color: #a5b0c7;font-size: 0.7em;font-weight: 300;}
  .Area_item .ly.PD_layout .PD_into p b{font-size: 0.9em;}
  .Area_item .ly.PD_layout .PD_into p span{font-size: 0.9em;}
  .Area_item .ly.PD_layout .PD_into p small{font-size: 0.9em;}
  .Area_item .ly.PD_layout .PD_into p .Price{font-size: 1.7em;}
  .Area_item .ly.PD_layout .PD_into p .Price,.Area_item .ly.PD_layout .PD p b,.Area_item .ly.PD_layout .PD p .money{
    color: #ffc644;
    font-weight: 900;
    background: none;
    background-image: repeating-linear-gradient(178deg, #ffbf33 25%, #ffffff 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }	
  
  /**區標**/	
  .Area_item .text {position:relative;}
  .Area_item .text .layout_text {width: 55%;margin: 2px auto 51px;padding-top: 3px;}
  .Area_item .text .layout_text ul {margin:0;padding:0;}
  .Area_item .text .layout_text .PD_slide:hover{transform:none;}
  .Area_item .text .layout_text .PD a {pointer-events: none!important}
    
}
  
@media screen and (max-width:767px){
  .Area_item{margin: -5vw auto 6vw auto;}
  .Area_item .item_bgup{position: relative;top: -0.5vw;}
  .Area_item .item_bgrp{height:100%;background: url("brand_bg.jpg?t=1756288779614") center top/ 100% repeat-y scroll;height: 263vw;margin-top: -16vw;}
  .Area_item .ly{top: 21.5vw;left: 0.2vw;padding: 0vw 0 0 0;width: 98%;z-index: 10;}
  .Area_item .ly ul{padding: 0vw 0 0 0;margin: -4vw 0 0 -0.2vw;grid-gap: 0em !important;width: 97% !important;}
  .Area_item .ly ul li:nth-child(odd){margin-top: 7vw;}
  .Area_item .ly ul li{padding: 0vw 0 74vw 0;background: no-repeat center top/131% url("item_bg.png?t=1756288779614");}
  .Area_item .ly ul li .PD_into{text-align: center;}
  .Area_item .ly ul li .PD_into .PD_logo{width: 100%;position: absolute;left: -5vw;top: -33vw;}
  .Area_item .ly ul li .PD_into .PD_logo img{width: 31%;border-radius: 100%;}
  .Area_item .ly ul li .PD_into{position: absolute;width: 85%;left: 6vw;top: 41.6vw;z-index: 5;}
  .Area_item .ly ul li .PD_img{width: 100%;position: absolute;top: -12.5vw;left: 0.4vw;}
    /*文字*/	
  .Area_item  .ly  ul li .PD_into h3{color: #ffffff;width: 100%;position: relative;left: -0.5vw;top: 1.5vw;font-size: 1.11em;line-height: 6vw;font-weight: 600;}
  .Area_item  .ly  ul li .PD_into h4{color: #ffffff;position: relative;width: 100%;top: -0.6vw;left: -0.5vw;font-size: 1em;margin-bottom: 0.2em;}
  .Area_item  .ly  ul li .PD_into p{color: #ffd886;width: 100%;font-size: 0.9em;position: relative;top: -2vw;left: -0.5vw;}
  .Area_item  .ly  ul li .PD_into p del{color: #a5b0c7;font-size: 12px;}
  .Area_item  .ly  ul li .PD_into p .Price,.Area_item  .ly .PD_layout .PD p b,.Area_item  .ly .PD_layout .PD p .money{
    color: #ffc644;
    font-weight: 900;
    font-size: 1.85em;
    background: none;
    background-image: repeating-linear-gradient(178deg, #ffbf33 25%, #ffffff 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }	

  /**區標**/	
  .Area_item .layout_text {position:relative;width: 100%;height: 1vw;margin: 0 auto 0vw;padding-top: 0vw;z-index: 9;}
  .Area_item .PD_layout.layout_text ul{padding: 0;}
    
}
    
  

/*---作圖區bg---*/
@media screen and (min-width:768px){
  .brand_bg {position: absolute;z-index: -3;top: -130px;left: 3px;width: 100%;min-width: 1220px;height: 2310px;background-image: url("brand_bg.png?t=1756288779614");background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .brand_bg2 {position: absolute;z-index: -3;bottom: -270px;left: -520px;width: 100%;min-width: 2000px;height: 1740px;background-image: url("brand_bg.png?t=1756288779614");background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .brand_bg3 {position: absolute;z-index: -3;bottom: -700px;left: -390px;width: 100%;min-width: 2000px;height: 1920px;background-image: url("brand_bg.png?t=1756288779614");background-repeat: no-repeat;background-position: center top;pointer-events: none;display: 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%;}
}
@media screen and (max-width:767px){
  .brand_bg {z-index: -1;position: absolute;top: -17vw;left: 0px;width: 100%;height: 215vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
  .brand_bg2 {z-index: 0;position: absolute;bottom: 138vw;left: 0px;width: 100%;height: 47vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
  .brand_bg3 {z-index: 0;position: absolute;bottom: 100vw;left: 0px;width: 100%;height: 47vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
  .Area_brand{width: 100%;margin: 0 auto 0 auto;height: auto;}
  .Area_brand .ly{margin: -1.5vw auto 0 auto;padding: 0 0 3vw 0;width: 100%;z-index: 1;/*background-color: #fee6b8;*/}
  .Area_brand .ly ul{width: 94.5%;}
}




/** 倒數 **/
.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=1756288779614) 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: 98.5%;left: 0.3vw;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: -30px;left: 3px;width: 100%;min-width: 950px;height: 1920px;background-image: url("danji_bg.png?t=1756288779614");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: #0d4ca8;} 
}
@media screen and (max-width: 767px) {
  /*背景*/
  .danji_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%;}
  .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: #0d4ca8;} 
  .danji .warningTxt h3{ color: #fff !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=1756288779614");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: 96%;}

}

@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: 11vw auto 9.5vw auto;}
  .Area_PD .box{position: relative;margin: 6.5vw auto 0vw 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: -20px;left: 3px;width: 100%;min-width: 1220px;height: 1080px;background-image: url("ly_bg.png?t=1756288779614");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: -2vw;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;}
  }