@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: -20px; left: 10px; width: 100%; min-width: 1220px; height: 2000px;/*background-image: url("pc_01.jpg?t=1754304001131");*/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=1754304001131");*/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=1754304001131");*/background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  .bgdeco {z-index: -10;position: absolute;top: 0px;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_deco_m {z-index: -2;position:absolute;left:0;top: 195vw;width:100%;height: 9000vw;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%;}
}


/*區塊_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=1696598482216") 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=1696598482216") 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;}

  /*date*/
  .Area_top .date{width: 16.8%;position: absolute;top: 179px;left: 300px;z-index: 2;}


  /*大標*/ 
  .Area_top .title01 {width: 30%;position:absolute;top: 104px;left: 424px;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: 72px;}
  .Area_top .title01  ul li:nth-child(3){top: 163px;left: -57px;}
  .Area_top .title01  ul li:nth-child(4){top: 163px;left: 72px;}
  .Area_top .title01  ul li:nth-child(5){top: 163px;left: 198px;}
  .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 img{width: 77%;}
  .Area_top .title02 {z-index: 22;position: absolute;top: 422px;left: 300px;width: 660px;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: 0px;}

  /*date*/
  .Area_top .date{width: 19.5%;position: absolute;top: 17.6vw;left: 16vw;z-index: 6;}


  /*大標*/ 
  .Area_top .title01 {width: 13.3%;position:absolute;top: -62vw;left: 3vw;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: 45.4vw;}
  .Area_top .title01  ul li:nth-child(3){top: 90.6vw;left: 31.9vw;}
  .Area_top .title01  ul li:nth-child(4){top: 90.6vw;left: 45.3vw;}
  .Area_top .title01  ul li:nth-child(5){top: 90.6vw;left: 58.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;top: 1vw;}
  .Area_top .title02 { transform-origin: left bottom; }
  .Area_top .title02 {position: absolute;width: 54.1%;height: 41vw;margin: 0px auto;left: 22.5vw;top: 44vw;z-index: 21;}
  .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: 150px;opacity: 1;z-index: 1;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: -1vw;left: 0vw;opacity: 1;z-index: 0;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;}

}


/** 倒數 **/
.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=1745818309760) 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){
  .brand_bg {position: absolute;z-index: -3;top: -60px;left: 3px;width: 100%;min-width: 1220px;height: 1920px;background-image: url("brand_bg.png?t=1754304001131");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%;}
}
@media screen and (max-width:767px){
  .brand_bg {z-index: -1;position: absolute;top: -7vw;left: 0px;width: 100%;height: 215vw;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%;}
}




/*---一健全領---*/
@media screen and (min-width:768px){
  .Area_coupon_sw{margin-bottom: 30px;}
	.Area_coupon{margin: 63px auto 0 auto;}
    /*文字*/
    .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){
    .Area_coupon{margin: 5vw auto 0 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 {margin: 80px auto 0 auto;}
  .danji .box { padding: 0px; }
  .danji .Area_danji .danji_box { width: 900px; }
  .warningTxt { position: relative; z-index: 99; }
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #4f639c;} 
}
@media screen and (max-width: 767px) {
  .danji {margin: 11vw auto 0px;}
  .danji .Area_danji { width: 95%; }
  .danji .box_all {position: relative;padding: 0px;}
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #4f639c;} 

}



/*---03_品類按鈕---*/
@media screen and (min-width:768px){
.flag_bg {position: absolute;z-index: -3;top: -170px;left: -130px;width: 100%;min-width: 1220px;height: 850px;background-image: url("btn_bg.png?t=1754304001131");background-repeat: no-repeat;background-position: center top;pointer-events: none;}
.Area_btn{margin: 80px auto 105px auto;z-index: 12;height: auto;}
.Area_btn .text_bg{width: 960px;}
.Area_btn .btn {width: 95%;padding: 29px 0 0 0;}
.Area_btn .btn ul {grid-gap: 34px;}
}
@media screen and (max-width:767px){
.flag_bg {z-index: -1;position: absolute;top: -7vw;left: 0px;width: 100%;height: 215vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
.Area_btn{margin: 0vw auto 11.5vw auto;height: auto;}
.Area_btn .btn {width: 96%;padding: 12.2vw 0 0 0;}
.Area_btn .btn ul {grid-gap: 2.5vw;}
}
  
  



/*---情境按鈕---*/
@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;}

}





/*---下方公版---*/
@media screen and (min-width:768px){
  .Area_ly_down{margin: 50px auto 0 auto;}
  .Area_ly_down .box{position: relative;margin: 90px auto 0px 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: -20px auto -50px auto;padding: 20px 0 30px 0;}
  .Area_ly_down .box .ly.PD_layout ul{width: 96%;}

}

@media screen and (max-width:767px){
  .Area_ly_down{margin: 7vw auto 11vw auto;}
  .Area_ly_down .box{position: relative;margin: 6.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_floorPD_NavArea_tabbar{margin: 0 auto 0 auto!important;}
}