/* 各頁面CSS */

/*切換PC置頂選單*/
.cantantBase1{ display: block; }
.cantantBase2{ display: none; }

 /** 倒數 **/
 .TimerNick {position:absolute;top: 419px;left: 50%;transform:translateX(-50%);}
 .TimerNick { text-shadow: none;}
 .TimerNick .TIMER {margin:0 auto;padding:0;overflow:hidden;text-align: center;color: #000;font-size:28px;line-height: 40px;font-weight:800;font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
 .TimerNick .icon { position:relative; top:6px; margin-right:4px;}
 .TimerNick small {position:relative;top: 0px;font-size:32px;}
 .TimerNick .time_day { font-size:30px; letter-spacing:0.05rem; }
 .TimerNick .FontStyle {position:relative;padding: 0px 7px 0px 0px;font-size: 33px;text-align:center;color: #000;}
 .TimerNick .FontStyle b { display:inline-block; font-weight:500; font-family: Century Gothic;}
     @media screen and (max-width:767px){
       .TimerNick {position: absolute;top: 38vw;left: 0;transform: none;width: 100%;text-align: center;}
       .TimerNick .TIMER {font-size: 8.7vw;line-height: 7vw;color: #000;}
       .TimerNick .icon { display: block; top:0.5vw; width:4vw; filter: none;}
       .TimerNick small {margin: 0 0 0 1vw;top: inherit;font-size: 3.5vw;float: none;}
       .TimerNick .time_day {position:relative;font-size: 3.9vw;letter-spacing:0;float: none;margin-right:-2px;}
       .TimerNick .FontStyle {padding: 0;font-size: 4.2vw;float: none;margin: -0.5vw}
       .TimerNick .FontStyle b {margin:0;width: 3vw;font-family:Helvetica;color: #000;}
     }



     .acty .box_1 { height: 239px; }
     @media screen and (max-width:767px){
      .acty .box_1 { height: 24.9vw; }
    }





 /** 調整品牌公版LOGO **/
 .Area_PD_Card .PD_layout-D1_01.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img {
  border: 1px solid #484848;
}

 .PD_layout-D1_01 .PD_slide {
  background-color:#f7f8fa;
}
.PD_layout-D1_01 .PD h4 {
  color: #333;
  font-weight: 900;
}

.PD_layout-D1_01 .PD h4:hover {
  color: #333;
}

 /** 調整品牌公版LOGO **/
 @media screen and (max-width:767px){
     .Area_Brand .PD_layout-D1_01[data-pd-col-phone="3"] .PD .PD_logo {
      height:1.9em;
      margin-top: -0.9em;
  
     }

     .Area_Brand .PD_layout-D1_01[data-pd-col-phone="3"] .PD .PD_logo img {
      border-radius: .9em;

     }

     .PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img {
      padding: 0em 0em;

     }

    }

































































































































    
/*三顆按鈕*/
.Area_activ3 { position: relative; height: 153px;}
.Area_activ3 .activ {position:relative;left:0;top:0px;width:100%;z-index:5;}
.Area_activ3 .activ ul{padding:0; margin:0; display:flex; justify-content: center; width:100%;}
.Area_activ3 .activ ul li {position:relative;list-style:none;float:left;margin:8px;padding:0;width:25%;}
.Area_activ3 .activ ul li img{width:100%;}
.Area_activ3 .activ ul li:hover { transform: none; filter: none }
@media screen and (max-width:767px){
	.Area_activ3 { position: relative; height:18vw;top:0vw; }
	.Area_activ3 .activ {position:relative;left:0;top:1vw;width: 96%;height: 35vw;padding-bottom:0;margin: 0 auto;}
	.Area_activ3 .activ ul{width:111%;position: relative;top:4vw;right:5vw;}
	.Area_activ3 .activ ul li{margin: .3vw; padding:1% 0; width:31.33%;}
	.Area_activ3 .activ ul li img{width:100%;}
}    
/*輪播BN*/

.AreaBN .box_swiper { overflow: hidden;width: 1150px;margin: auto;}
.AreaBN .box_swiper .PD_layout { position: relative; height: 406px;}
.AreaBN .box_swiper .PD_layout ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: 0;}
.AreaBN .box_swiper .PD_layout ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.AreaBN .box_swiper .PD_layout .PD_slide { min-width: inherit;}
.AreaBN .button-next {width: 120px;z-index:10;position:relative;bottom: 188px;left: 700px;cursor: pointer;top: 0px;}
.AreaBN .button-prev {width: 120px;z-index:10;position:relative;bottom: 188px;left: 340px;cursor:pointer;top: -80px;}
.AreaBN_bg {z-index: -1;position:absolute;top: 0px;width:100%;height: 590px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
@media screen and (max-width:767px){
  .AreaBN {height: 55vw;padding-bottom: 2vw!important;}
  .AreaBN .box_swiper { padding-top: 1vw;width: 100%;margin: auto;}
  .AreaBN .box_swiper .PD_layout { width: 96%; margin: 0 auto; height: 54vw;}
  .AreaBN .button-next {width: 10%;z-index:10;position:absolute;bottom: 24vw;left: 65vw;cursor:pointer;top: -7vw;}
  .AreaBN .button-prev {width: 10%;z-index:10;position:absolute;bottom: 24vw;left: 25vw;cursor:pointer;top: -16vw;}
  .AreaBN .box_swiper img  {width: 100%!important;}
  .m_AreaBN_bg { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size: 100%; background-position: center top; pointer-events:none;}

}

/*活動倒數*/
.TimerNick2 {display:inline-block; position:relative; height:80px; z-index:99; }
.TimerNick2 .FontStyle2 { display: inline-block; margin: 0 0 0 2px; padding: 0; border: 0; font:normal 30px/30px Arial; color: #000000; border-radius:5px;/*text-shadow:1px 1px 0px #fff;*/ letter-spacing: 0px; text-align: center;}
.TimerNick2 span { padding-left: 2px; font: 400 23px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0em; color:#000000}
	@media screen and (max-width:767px){
	.TimerNick2 {display:inline-block; width:100%; position: relative; top:0vw; left:0; margin:0;  height:0; padding-bottom:7%; overflow:hidden; text-align:center; background-size:100%;z-index:20;}
	.TimerNick2 .FontStyle2 { margin: 0; padding: 0; border: 0; font: lighter 5.5vw/7vw Arial; }
	.TimerNick2 span { padding-left:0; font:normal 4vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;}
	}


/*經典必Buy作圖區8品*/
@media screen and (min-width:768px){
.Area_item {height: auto;padding-bottom:0;}
.Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
	
/*版頭公版上下標.關閉*/
.Area_item .PD_layout.layout_item .imgTag{display: none !important;}
.Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
	
/*標.關閉*/	
.Area_item .PD_layout .PD_img::before{display: none !important;}
/* .Area_PD1 .PD_layout .PD_img::before{display: none !important;} */


/*作圖區*/
.Area_item .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_item .PD_layout.layout_item .PD_slide .PD p del {position: absolute;top: 54px;left:26px;color:#000000;    font-size: 25px;}
.Area_item .PD_layout.layout_item .PD p .Price {font-weight: 700;font-size: 2.7em;}
.Area_item .PD_layout.layout_item .PD p {position: relative;top:65px;left:95px;height: 6em;padding: 13% 0 0;line-height: 1.6em;font-size:1.4em;color:#ff6c00!important;font-weight:700;}
.Area_item .PD_layout.layout_item li {background: url("item_bg.png?t=1751943813180") center top / 100% no-repeat scroll;}	
.Area_item .PD_layout.layout_item {padding:0;width: 91%;}
.Area_item .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
.Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
.Area_item .PD_layout.layout_item .PD_slide {height:835px;padding:0;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into {width: 70%;padding-left:0;position: absolute;left:33px;top: 350px;text-align: center;font-size: 1em;color: #fff;}
.Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:86%;margin:13% 0% 0% 7%;box-shadow: unset;/*border-radius: 34.5em !important;border: 7px solid #ffffff;*/}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {position: relative;top:107px;left:58px;max-height: 1.4em;font-family: Noto Sans CJK TC;font-weight: bold;font-size: 2.3em;line-height: 1.6em;color:#000000;text-align: center;    background: transparent!important;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 2em;color: #000000;text-align: center;position: relative;top:116px;left:51px;}
.Area_item .PD_layout.layout_item .PD_slide .PD:hover h4 { color:#f12b46;}
.Area_item .PD_layout.layout_item .PD .PD_logo {position: relative;top:-306px;left:-23px;height: 8em;    z-index: 90;border-radius: 26.5em !important;}
.Area_item .PD_layout.layout_item .PD .PD_logo img { padding: 0%; box-shadow: none; border: none; width: 160px; height: 160px;}	
.Area_item .PD_layout .PD p .money{font-size: 35px;}
.Area_item .PD_layout .PD p{color:#ffe744!important;}
	
	
	
}

@media screen and (max-width:767px){
.Area_item {height:100%;}
.Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
	
/*版頭公版上下標.關閉*/
.Area_item .PD_layout.layout_item .imgTag{display: none !important;}
.Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
	
/*標.關閉*/	
.Area_item .PD_layout .PD_img::before{display: none !important;}
/* .Area_PD1 .PD_layout .PD_img::before{display: none !important;} */



/*作圖區*/
    .Area_item .PD_layout.layout_item {padding: 0 0 0 0;}
    .Area_item .PD_layout.layout_item ul {padding-left: 1vw; padding-right: 1vw;}
    .Area_item .PD_layout.layout_item li {width:105%;height:74vw;left:-1vw;background: url("item_bg.png?t=1751943813180") center top / 99% no-repeat scroll;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0;position: absolute;top:45vw;width: 100%;text-align:center;font-size: 0.7em;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:1.5vw;top:-37.5vw;height: 14vw;border-radius:50%;display: block;    z-index: 90;}
	.Area_item .PD_layout.layout_item .PD .PD_logo::after { content:""; position: absolute; display:block; top: -7vw;left: 0;width:100%; height:100%; pointer-events:none; z-index: -1;}
	.Area_item .PD_layout.layout_item .PD .PD_logo img { padding: 0; box-shadow: none;border-radius: 34.5em!important;/*border: 7vw solid #ffffff;*/}
    .Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:91%;margin:13% 0% 0% 4%;box-shadow: unset;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.4em;font-weight: bolder;font-size: 1.4em;line-height: 1.7em;margin: 0;-webkit-background-clip: text;color: #000000;top:4vw;left:0vw;position: relative;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {padding: 0;font-size: 1.4em;color:#000000;margin: 0;line-height: 1em;text-align: center;top:5vw;position: relative;left:1vw;}
    .Area_item .PD_layout.layout_item .PD_slide .PD p del {top: 0vw;left: 0vw; color: #000000;z-index: 99;position: relative;font-size: 1.1em;}
	.Area_item .PD_layout.layout_item .PD p {position: relative;top:3.8vw;left:0vw; height: 15vw;font-size: 1.1em;line-height: 2.8em;color:#ff6c00;}
	.Area_item .PD_layout.layout_item .PD p .Price {font-weight: 900;font-size: 1.8em;}
	.Area_item .PD_layout.layout_item .PD p small {font-size: 1.4em;}

}


/*---公板輪播---*/
@media screen and (min-width:768px){
	.Area_8pd{margin: 10px auto 0 auto;}
	/*公版*/
	.Area_8pd {}
/*	.Area_8pd .box_8pd{margin: 0 auto 45px auto;}*/
	.Area_8pd .box_8pd .box_bg{position: relative; padding: 40px 30px 40px ; border-radius: 25px; background-color: #004c9f;border:#000  3px solid;}
	.Area_8pd .box_8pd .box_swiper{position: relative;width: 100%;margin: 0 auto;overflow: hidden;height: 410px;}
	.Area_8pd .box_8pd .box_swiper .layout_8pd {padding-bottom: 0;}
	
	.Area_8pd .box_8pd .box_swiper .layout_8pd ul { display: flex;flex-wrap: nowrap; grid-gap: 0; padding: 0; }
	.Area_8pd .box_8pd .box_swiper .layout_8pd ul li {/* height: 333px;*/background-color:#fff;border-radius: 18px; }
	/*輪播_按鈕*/
    .Area_8pd  .myarrow_r{z-index:99;position:absolute;top: 48%;right: -79px;cursor: pointer;}
    .Area_8pd  .myarrow_l {z-index:99;position:absolute;top: 48%;left: -86px;cursor: pointer;}
	.Area_8pd .swiper-pagination-bullet { background: #fff;}
	.Area_8pd .PD_layout[data-pd-h3="2"] .PD h3{ /* background-image: repeating-linear-gradient(90deg, #3a9ef1 -1%, #ff7196 101%)*/ /*background-color: #3a9ef1*/ ;}
	.Area_8pd .swiper-pagination{ top:390px!important;}
}
@media screen and (max-width:767px){
  .Area_8pd{margin: 0 auto 0 auto;}
	/*公版*/
	.Area_8pd {}
	.Area_8pd .box_8pd {margin: 0 auto 3vw ;}
	.Area_8pd .box_8pd .box_bg { position: relative;width: 100%; margin: 0 auto; padding: 3vw 0 2vw ;background-color:#004c9f;border-radius: 16px;border:#000000 2px solid;}
	.Area_8pd .box_8pd .box_swiper{ position: relative; width: 100%;/* height: 69vw;*/ margin: 0 auto; overflow: hidden;}
	.Area_8pd .box_8pd .box_swiper .layout_8pd { padding-bottom: 10vw}
	.Area_8pd .box_8pd .box_swiper .layout_8pd ul { display: flex;flex-wrap: nowrap; grid-gap: 0; margin: 0 2%;  }
	.Area_8pd .box_8pd .box_swiper .layout_8pd ul li { /*height: 62vw;*/background-color:#fff;}
	/*輪播_按鈕*/	
	.Area_8pd .swiper-pagination-bullet { background: #ffffff; }

	.Area_8pd .PD_layout[data-pd-h3="2"] .PD h3{/* background-image: repeating-linear-gradient(90deg, #3a9ef1 -1%, #ff7196 101%)*/ /*background-color: #3a9ef1*/ }
}


/**登記活動**/
@media screen and (min-width:768px){
.Area_danji {}	
}

@media screen and (max-width:767px){
.Area_danji {width: 98%;}
}





/*活動BNx3(線上入搞)*/
@media screen and (min-width:768px){
.Area_activity { position: relative;  top: 0; margin-bottom:0;z-index: 1;}
.Area_activity .layout_activity{top:160px;padding-bottom: 30px;}
.Area_activity .box{height: 260px;}
.Area_activity .layout_activity ul {width:890px;margin:0 auto; padding:0 0 0 0; }
.Area_activity .layout_activity ul li {padding:0px;margin:0 auto;}
.Area_activity .layout_activity ul li img {width:90%;}
.Area_activity .layout_activity ul li:nth-child(2){top: 0px;}
}
@media screen and (max-width:767px){
.Area_activity { height: 23vw;}
.Area_activity .box{position: relative;height: 55vw;}
.Area_activity .layout_activity{width:94%; height: auto; margin:0 auto;padding:0; z-index: 0; margin-bottom:0vw;top: 15vw;}
.Area_activity .layout_activity ul {width:94% ;margin:0 auto;padding:0vw 0 0 0;}
.Area_activity .layout_activity ul li {margin: 1%;}
.Area_activity .layout_activity ul li img {width:100%;}
.Area_activity .layout_activity ul li:nth-child(1){top: 0vw;}
.Area_activity .layout_activity ul li:nth-child(3){top: 0vw;}
.Area_activity .layout_activity.PD_layout[data-pd-col-phone="2"] ul {padding:0.5em ;}
}


/*茅點(線上入搞)*/
@media screen and (min-width:768px){
.Area_activity .layout_tag ul {width:1220px;margin:0 auto; padding:0 0 0 0; }
.Area_activity .layout_tag ul li {padding:5px;margin:0 auto;}
.Area_activity .layout_tag ul li img {width:80%;}
	
}
@media screen and (max-width:767px){
.Area_activity .layout_tag{width:100%; height: auto; margin:0;padding:0; z-index: 4; margin-bottom: 0vw !important;}
.Area_activity .layout_tag ul {width:100% ;margin:0 auto;padding:0vw 0 0 0;}
.Area_activity .layout_tag ul li {margin: 0%;}
.Area_activity .layout_tag ul li img {width:100%;}
.Area_activity .layout_tag .PD_layout[data-pd-col-phone="2"] ul {padding:0.5em ;}
	
}


/**Area10**/
@media screen and (min-width:768px){
.Area10 {width: 700px;padding-bottom:50px;}	
}

@media screen and (max-width:767px){
.Area10 {width: 93%;padding-bottom:4vw; }
}


/*好康搶先報x2(線上入搞)*/
@media screen and (min-width:768px){
.Area_event03{}		
.Area_event03 { position: relative; top: 0; margin-bottom:0;z-index: 1; }
.Area_event03 .layout_activity{top:0px;} 
.Area_event03 .layout_activity ul {width:960px!important;margin:0 auto !important; padding:0 0 0 0; }
.Area_event03 .layout_activity ul li {padding:0px;margin:0 auto;}
.Area_event03 .layout_activity ul li img {width:95%;}
.Area_event03 .layout_activity ul li:nth-child(2){top: 0px;}
}
@media screen and (max-width:767px){
.Area_event03 .layout_activity{width:100%; height: auto; margin:0 auto;padding:0; z-index: 5; margin-bottom:0vw;top: -2vw;}
.Area_event03 .layout_activity ul li {margin: 0%;}
.Area_event03 .layout_activity ul li img {width:97%;}
.Area_event03 .layout_activity ul li:nth-child(1){top: 0vw;}
.Area_event03 .layout_activity ul li:nth-child(3){top: 0vw;}

}

/*調整公版*/

@media screen and (min-width:768px){
.Areabottom{margin-bottom:50px!important;}		

}
@media screen and (max-width:767px){
.Areabottom{margin-bottom: 4vw!important;}


}

/*---館按鈕16---*/
@media screen and (min-width:768px){
.btnbox ul {grid-gap: 10px;position: relative;top: 24px;}
}

@media screen and (max-width:767px){
.btnbox ul {grid-gap: 1vw;position: relative;top: 1vw;}

}


/*---Area_coupon---*/
@media screen and (min-width:768px){
.Area_coupon{padding-bottom:20px;}
.Area_coupon .Area_swiper_box .PD_layout li{background-color:transparent!important;}
.Area_coupon .Area_swiper_box{height:186px;}
}

@media screen and (max-width:767px){
.Area_coupon{padding-bottom:2vw;}
.Area_coupon .Area_swiper_box .PD_layout li{background-color:transparent!important;}
.Area_coupon .Area_swiper_box{height:20vw;}
}



/*區塊*/

.Area_space { height: 150px;}

	@media screen and (max-width:767px){
		.Area_space { height: 15vw; }
	}



  
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #f21a1a;}                 
                    








/*以下都是for PDlayout 造成吃到的*/



/*移除公版設定*/
.remove_box_style ul { margin: 0 auto; padding: 0; background-color: transparent; grid-gap: 0; width: 100%;}
.remove_box_style ul li { border: none;}


/*輪播移除公版設定*/
.swiper_remove_box_style ul { position: relative; display: flex; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; width: 100%; box-sizing: content-box; background-color: transparent; grid-gap: 0;}
.swiper_remove_box_style ul li { flex-shrink: 0; margin: 0; padding: 0; min-width: auto; background-color: #fff; border: none;}
.swiper_remove_box_style ul li,
.swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}

.Area_swiper_box .PD_layout li { background-color:transparent!important;}
.PD_layout-btn { padding: 0!important;}
.PD_layout-btn li .PD h3{font-size: 17px!important;}