@charset "utf-8";
/* CSS Document */

/*基本*/
body{margin:0;padding:0;}

/*全BOX版面*/
.WRAPPER {z-index:0;position: relative;display:block;margin: 0 auto;padding:0;width:100%;min-width:1220px;text-align:left;overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;background-color: #ec4e77;}
.WRAPPER img {border:0px;vertical-align:top;}
.WRAPPER a { text-decoration: none;}

/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER {margin-bottom: 0;min-width: inherit;min-height: 100vh;overflow: hidden;background-size: 100%;padding-bottom: 0;}
		.WRAPPER img {  width:100%;  height:auto; }
	}


/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em; }
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}

/*PC背景*/
@media screen and (min-width:768px){
.bg_fix {z-index: -65;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_repeat {z-index: -70;position:fixed;top: 0;left: 0;width:100%;height: 5000px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco {z-index: -60;position:absolute;top: 6200px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
}

@media screen and (max-width:767px){
.m_bg_fix {z-index: -10;position:absolute;top: 12vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
.m_bg_repeat {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
}


/*間距*/
@media screen and (min-width:768px){
.Area_bottom {margin-bottom: 100px!important;}
.Area_bottom2 { margin-bottom: 20px!important; }
}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 7vw!important;}
.Area_bottom2 { margin-bottom: 0vw!important; }	
}


/*版頭區塊*/
@media screen and (min-width:768px){
.Area_title {height: 880px;z-index: 20;}	
.top_deco {position: absolute;top: 450px;left: -320px;}	
.top_deco2 {position: absolute;top: 150px;left: 1206px;right: -307px;}
.Area_title .toppd01 { z-index: -1 ; width: 75% ; top: 140px ; left: 0; }
.Area_title .title { z-index: 1; position: absolute; width: 60% ; top: 110px ; left: 240px ; }
.Area_title .title03 { z-index: 1; position: absolute; width: 30% ; top: 63px ; left: 320px ; }		
}
@media screen and (max-width:767px){
.Area_title { height: 102vw ; z-index: 20; }
.m_bg_top {position: absolute;top: 109vw;left: 0;z-index: 20;}	
.m_top_deco {position: absolute;top: 63vw;left: 78vw;width: 19%;z-index: 30;}	
.Area_title .toppd01 { z-index: -1 ; position: absolute; width: 100%; top: 19vw; left: 0; }	
.Area_title .title { z-index: 1; position: absolute; width: 82% ; top: 13vw ; left: 10vw ; }
.Area_title .title03 { z-index: 1; position: absolute; width: 38% ; top: 9vw ; left: 20vw ; }	
}


/*副標*/
.sub .PD_layout ul{ display: flex; }
@media screen and (min-width: 768px){
.sub {position: absolute;top: 280px;left: 258px;width: 52%;height: 170px;z-index: 5;}	
.sub .PD_layout .PD img { width: 73%; margin-top: -5px ; margin-left: 0; }	
.sub::after {content:"";position: absolute;display:block;top: -10px;left: 40px;width: 86%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1751247891634") center top/100% no-repeat scroll;}
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 34vw;left: 9vw;width: 69%;height: 20vw;z-index: 5;}
.sub .PD_layout .PD img { width: 80% ; margin: -2% -21% 0 0; }
.sub::after {content:"";position: absolute;display:block;top: -2vw;left: 12vw;width: 86%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1751247891634") center top/100% no-repeat scroll;}
}


/*時間設定*/
.time_box {position:relative;width: 1220px;top: 586px;left: -322px;}
.time_box .time_bg{position: absolute;bottom: 20px;left: 280px;}
.TimerNick {z-index:1;display:inline-block;padding-right:14px;height:96px;text-align:right; position: relative; }
.TimerNick .FontStyle {display:inline-block;margin:47px 0 0 0;padding:0;border:0px;width: 61px;font: bold 39px/38px Century Gothic;color: #e94e76;letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:45px;}
.TimerNick span {padding-left:2px;font: bold 32px/38px "Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #000;}
@media screen and (max-width:767px){
.time_box {position:absolute;width:100%;top: 61vw;left:0vw;z-index: 98;}		
.time_box .time_bg{position: absolute;top: 45vw;left: 1vw;margin: 0 5%;}			
.TimerNick {z-index:2;position: absolute; top: 12vw ;left: 3vw;display:inline-block;margin:0;padding-right: 5%;width: 82%;height:0;padding-bottom:13%;overflow:hidden;text-align:right;}
.TimerNick .FontStyle {display:inline-block;margin:0px 0 0 0;padding:0;border:0px;width: 8vw;font: bold 6.5vw/11vw Century Gothic;color: #eb4f77;text-align:right;background:transparent;}
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) {width: 8vw;}
.TimerNick span {padding-left:1vw;font: bold 4vw/11vw "Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #000;}
}



/*公版背景*/
.box_txt ul{ padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center; z-index: 50; }
.box_txt img{width: 70%;padding: 0;}
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt img{width: 100%;}
}


/*區塊0*/
@media screen and (min-width: 768px){
.Area00_bg {z-index: -40;position:absolute;top: 0 ;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.Area00 .box01 .PD_layout ul { padding: 20px 12% ; }
}
@media screen and (max-width: 767px){	
.Area00::after {content:"";position: absolute;display:block;top: 0 ;left: 0;width: 100%;height: 30vw;pointer-events:none;z-index: -1;background: url("m_Area00_bg.jpg?t=1751247891634") center top/100% no-repeat scroll;}
.Area00 .box01 .PD_layout ul {padding: 2% ;}
}


/*區塊1*/
.Area01 .remove_box_style ul { padding: 0; }
.Area01 .PD_box.PD_layout li:nth-of-type(1) .PD a { pointer-events: none; }
.Area01 .PD_box.PD_layout li:nth-of-type(1):hover { transform: none; filter: none; }

@media screen and (min-width: 768px){
.Area01 {height: auto;z-index: 30;height: auto;}
.Area01 .Area01_deco {position: absolute;top: 590px;left: 1010px;width: 10%;z-index: 50;}
.Area01 .PD_box.PD_layout {margin-top: -70px;}
.Area01 .PD_box.PD_layout li:nth-of-type(2) {margin-top: -140px;}
}
@media screen and (max-width: 767px){
.Area01 {height: 74vw;z-index: 30;}		
.Area01 .Area01_deco {position: absolute;top: 50vw;left: 83vw;width: 13%;z-index: 50;}
.Area01 .PD_box.PD_layout {margin-top: -8vw;}
.Area01 .PD_box.PD_layout li:nth-of-type(2) {margin-top: -13vw;}

}




/*區塊2*/
@media screen and (min-width: 768px){
.Area02 {z-index: 30;height: 800px;}
.Area02_bg {z-index: -40;position:absolute;top: 76px;width:100%;height: 130%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area02_deco {z-index: 30;position:absolute;top: -4px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}			
}
@media screen and (max-width: 767px){
.Area02 {height: auto;z-index: 30;}	
.m_Area02_bg {z-index: -1;position:absolute;top: 7vw;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_Area02_deco {z-index: 30;position:absolute;top: -2vw;width:100%;height: 114%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}		
.Act_02.Area_coupon .PD_layout ul {padding: 0 2%;}
}

/*6折折價券*/
.Act_02.Area_coupon {position:relative;left:0px;top: 0px;width:1220px;height: 360px;z-index:0;}
.Act_02.Area_coupon .coupon{position: relative;margin: 0 auto;width: 80%;z-index:5;}
.Act_02.Area_coupon .kind  {position: relative;margin: 0 8%;padding:0;list-style:none;height: 230px;}
.Act_02.Area_coupon .kind li {opacity: 0;position: absolute;}
.Act_02.Area_coupon .kind li.selected {position: relative;opacity: 1;}
.Act_02.Area_coupon .kind li img {width:98%}
@media screen and (min-width:767px){
.Act_02 {padding-top: 50px}
.Act_02.Area_coupon .coupon img {width: 100%;}
.Area_coupon{width: 960px;margin: 0 auto 50px;}
}
@media screen and (max-width:767px){
.Act_02.Area_coupon {height: 58vw;width: 100%;}
.Act_02.Area_coupon .coupon {position: relative;left: 0;top: 0;width: 100%;z-index: 2;}
.Act_02.Area_coupon .coupon img{ width:100%;}
.Act_02.Area_coupon .kind  {position:relative;padding: 4% 0 0;list-style:none;height: 24vw;margin: 0;}
.Act_02.Area_coupon .kind li img {width: 100%;}
.Area_coupon{width: 96%;margin: 0 auto 5vw;}
}



/*區塊3*/
@media screen and (min-width: 768px){
.Area03 .box_all { position: relative; }
}
@media screen and (max-width:767px){
.Area03 .box_all { position: relative; }
}


/*區塊5*/
@media screen and (min-width: 768px){
.Area05 {margin-bottom: 150px!important;}	
.Area05 .box_all { position: relative; margin-bottom: 50px; }
.Area05_top {z-index: -40;position:absolute;top: 50px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area05_repeat {z-index: -40;position:absolute;top: 246px;width:100%;height: 80%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	
.Area05_end {z-index: -40;position:absolute;top: 100px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
}
@media screen and (max-width:767px){
.Area05 {margin-bottom: 10vw!important;}
.Area05 .box_all { background-color: #000; padding-bottom: 5vw;  }
.m_Area05_top {z-index: -1;position:absolute;top: 7vw;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_Area05_end {z-index: -1;position:absolute;top: 5vw;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}
}



/*區塊6*/
@media screen and (min-width: 768px){
.Area06 .box_all { position: relative; margin-bottom: 50px; }
}
@media screen and (max-width:767px){
.Area06 .box_all {position: relative;margin-bottom: 5vw;}
}


/*區塊7*/
@media screen and (min-width: 768px){
.Area07 .box_all {background-color: #0000;}
}
@media screen and (max-width:767px){
.Area07 .box_all {position: relative;margin-bottom: 5vw;}
}



/*區塊8*/
.Area08 .PD_layout .PD_img { padding: 0; }
.Area08 .PD_layout .PD_into { background-color: #000; }
.Area08 .PD_layout .PD h3,.Area08 .PD_layout .PD h4 { color: #fff; }
@media screen and (min-width: 768px){
.Area08 .box_all { overflow: hidden; }
.Area08 .box_all .PD_layout .PD img { border:#000 0.2em solid; }
.Area08 .box_all .PD_layout ul { margin-bottom: 20px; }
}
@media screen and (max-width:767px){
.Area08 .box_all .PD_layout .PD img { border:#000 0.1em solid; }
.Area08 .box_all .PD_layout ul { margin-bottom: 3vw;  }	
}


/*區塊9*/
@media screen and (min-width: 768px){
.Area09 .box_all {position: relative;margin: 2% 2% 5%;padding: 2% 2% 4%;}
.Area09 .box_all::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background-color: #000;border-radius: 1em;}
.Area09 .box_all .PD_layout ul{ margin: 0 2%; width: 96%;}
}
@media screen and (max-width:767px){
.Area09 .box_all {position: relative;margin: 0 2% 5%;padding: 2% 0 4%;}
.Area09 .box_all::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background-color: #000;border-radius: 1em;}
.Area09 .box_all .PD_layout ul{ margin: 0 2%; width: 96%;}	
}


/*區塊10*/
@media screen and (min-width: 768px){
.Area10_top {z-index: -40;position:absolute;top: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area10_repeat {z-index: -40;position:absolute;top: 146px;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	
.Area10_end {z-index: -40;position:absolute;top: 186px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}	
.Area10 .box_all {padding: 50px 0 0;}	
.Area10 .box_all .box_ .box_txt {background: url("Area10_txtbg.png?t=1751247891634") center top/100% no-repeat scroll;margin-bottom: 10px;}			
}

@media screen and (max-width:767px){
.Area10 .box_all {margin: 7vw 0 0;background-color: #ffc6db;padding-bottom: 2vw;}
.m_Area10_top {z-index: -1;position:absolute;top: 14vw;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_Area10_end {z-index: -1;position:absolute;top: 5vw;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}
.Area10 .box_all .box_ {margin-bottom: 5vw;}		
.Area10 .box_all .box_ .box_txt {background: url("m_Area10_txtbg.png?t=1751247891634") center top/100% no-repeat scroll;margin-bottom: 2vw;}
}


/*區塊11*/
.Area11 .PD_layout .PD_slide::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10; background: url("Area11_PDbg.png?t=1751247891634") center top/100% no-repeat scroll;}
@media screen and (min-width: 768px){
.Area11 .PD_layout ul {padding: 2% 8% 8%;grid-gap: 30px!important;}			
}
@media screen and (max-width:767px){
.Area11 .PD_layout ul {padding: 2% 14% 8%;grid-gap: 5vw!important;}	
}



/* 館連結 */
@media screen and (min-width: 768px){
.Area12_bg {z-index: -35;position:absolute;top: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area12_color {z-index: -40;position:absolute;top: 80px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none; background-color: #000; }		
.Area12 .box_all { padding: 3% 0 0 0 ; }	
.Area12 .PD_layout ul { padding: 2% 5% ; grid-gap: 1em ; }
}
@media screen and (max-width:767px){
.Area12 .box_all{ padding: 5% 0 ; background-color: #000; }	
.m_Area12_top {z-index: 10;position:absolute;top: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.Area12 .PD_layout ul { padding: 2% ; grid-gap: .2em ; }
}



/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area {position: relative;margin:0 auto;border-radius:0;text-align:center;}
.Area a { 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;}
}





/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
@media screen and (max-width:767px){
	.for_pc { display:none !important;}
	.for_phone { display: inherit !important;}
}



/* 日期 */
.TIMER_DAY { position: absolute; top: 50px; left: 700px ; padding: 0; margin: 0; display: block; font-size: 57px; font-weight: bold; color: #000 ; letter-spacing: 0; font-family: Century Gothic; text-align: center; z-index: 2;}
.TIMER_DAY small { font-size: 25px; line-height: 5px; margin-left: -10px;}
.TIMER_DAY #sendMonth { width: 45px; text-align: center; display: inline-block;}
.TIMER_DAY #sendToday { width: 45px; text-align: center; display: inline-block; margin-left: -10px;}
.TIMER_DAY .date_limit {
  font: 46px / 38px "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica;
  letter-spacing: -0.05em;
  font-weight: 600;
  color: #000; 
  position: relative;
  top: -54px;
  left: 117px;
}
@media screen and (max-width: 736px){ 
	.TIMER_DAY { top: 7.5vw ; left: 58vw ; font-size: 6vw; font-weight: bold;}
	.TIMER_DAY small { font-size: 3vw; line-height: 0; margin-left: -9%;}    
	.TIMER_DAY #sendMonth { width: 15px;}
	.TIMER_DAY #sendToday { width: 15px; margin-left: -9%;}
  .TIMER_DAY .date_limit {
    font: 5.5vw / 38px "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica;
    letter-spacing: -0.05em;
    font-weight: 600;
    color: #000;
    position: relative;
    top: -9vw;
    left: 13vw;
  }
}


/* 限搶 */
@media screen and (min-width: 768px){
.Area_limit .box{ background-color: #ffdf6f; }
}
@media screen and (max-width:767px){
	.Area_limit .box{ background-color: #ffdf6f; }
}



  /** 倒數 **/
  .TimerNick_2 {position: relative; top:-10px ; left:0;width: 100%;text-align: center;padding: 0;z-index:4;margin: 0;border-radius: 5em; height: 50px;}
  .TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 41px;top: 1px;font: normal 30px/42px Arial;color: #e94e76 ;letter-spacing: 0px;text-align:right;background: #fff ;height: 40px;padding: 0 1% 0 0;border-radius: 0.3em;}
  .TimerNick_2 span {padding-left: 4px;font: 30px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 600; color:#000 ;}
  .TimerNick_2 small{  position:relative; font: bold 26px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #000 ;}
  @media screen and (max-width:767px){
      .TimerNick_2 {position: relative;top:-2vw;left: 0;margin:0;width: 100%;height: 9vw;text-align: center;padding: 0; background-color: #0000; border: #0000 0px solid;}
      .TimerNick_2 .FontStyle { margin:0 ; padding: 0 2% 0 0; border:0; width: 7vw; font: normal 6vw/6vw Arial;  letter-spacing:-1px; text-align:right;background-color:#fff;height: 6vw;color: #e94e76 ;}
          .TimerNick_2 div:nth-of-type(2),
      .TimerNick_2 div:nth-of-type(3),
      .TimerNick_2 div:nth-of-type(4){ width: 7vw;}
      .TimerNick_2 small{font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #000 ;}
      .TimerNick_2 span {padding-left: 2vw;font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em; color: #000 ;}
  }
  



.Area_good .bg1 {position: absolute;top: 70px ; left: 50%;transform: translateX(-50%);pointer-events: none;z-index:-1;}



/* 輪播公版+bn */
@media screen and (min-width: 768px){
  .Area_sale {margin-bottom: 30px;}
    .Area_sale .layout_bn { margin-bottom: 20px ; width: 96%; }
    .Area_sale .box { background-image: url(sale_text_bg.png?t=1751247891634 ); background-repeat: repeat-y; background-size: 100%; }
}
@media screen and (max-width:767px){
    .Area_sale .layout_bn { width: 96%; margin-bottom: 3vw ; }
    .Area_sale .box { background-image: url(sale_text_bg.png?t=1751247891634 ); background-repeat: repeat-y; background-size: 100%; }
}
    



/*Phone錨點*/
.Area_floorPD_NavArea_tabbar {
    margin: 0 auto 5vw ;
    width: 94%;
  }
  .Area_floorPD_NavArea_tabbar.cate-fixed {
    width: 100%;
  }
  .Area_floorPD_NavArea_tabbar .Nav_box {
    border-radius: 8px;
    -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
            box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
  }
  .Area_floorPD_NavArea_tabbar .Nav li {
    overflow: visible;
  }
  .Area_floorPD_NavArea_tabbar.cate-fixed .Nav_box {
    border-radius: 0;
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
            box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
  }
                      


/*01_情境圖作圖*/
@media screen and (min-width: 768px){
  .newpd_style { margin-bottom: 40px ;}
  .newpd_style .PD_layout .PD p del {display: none;}
  .newpd_style .PD_layout .PD_into{  position: relative; bottom:104px;left:34px;}
  .newpd_style .PD_layout .PD p {height: 2.5em;line-height: 2em; color:#ffdf6f ;  position: relative; left: 290px;bottom: 45px; }
  .newpd_style .PD_layout .PD p .Price {font-size: 39px; font-weight: 800;}	
  .newpd_style .PD_layout .PD h4 {font-size: 22px;top:2px;position: relative;color: #fff;}	
  .newpd_style .PD_layout .PD h3 {font-size: 25px;color: #ffdf6f ;position: relative; top: 4.2px;}		
  .newpd_style .Area_PD9 .PD_slide {height:505px;background-color: #0000!important;}
  }
  @media screen and (max-width: 767px){
  .newpd_style .PD_layout .PD p del {display: none;}
  .newpd_style .PD_layout .PD_into{ position: absolute; top: 65vw ; left: 2vw;}
  .newpd_style .PD_layout .PD p {height: 2.3em;line-height: 2em; color:#ffdf6f;  position:absolute;  left:51vw; bottom: 3vw; }
  .newpd_style .PD_layout .PD p .Price {font-size:30px!important; font-weight: 800;}	
  .newpd_style .PD_layout .PD h4 {font-size: 22px ; top: 0vw ;left: 2vw;position: relative;color: #fff;}	
  .newpd_style .PD_layout .PD h3 {font-size: 22px ; color: #ffdf6f ;position: relative;top: 2vw ; left: 2vw;}		
  .newpd_style .Area_PD9 .PD_slide { background-color: #0000!important;}
  .newpd_style .swiper-pagination-white {--swiper-pagination-color: #ffffff!important;}	
  }




/* 一帶二 */
  @media screen and (min-width:768px){
    .Area_brand{margin:0px auto 0 auto;}
    .Area_brand .text{position: absolute;top: -120px;}
    .Area_brand .box_all{display: flex;flex-wrap: wrap;position: relative;}
    .Area_brand .box_all .box{width: 48%;position: relative;padding:0 0 16px 0;margin: 0px auto 0 auto;background: no-repeat right top/100% url("bg2-2.png?t=1751247891634");margin-bottom: 22px;}
    .Area_brand  .box .ly ul{width:94% ;}
    /*logo*/ 
    .Area_brand .logo{width: 100%;height: 98px;}
    .Area_brand .logo ul{grid-gap: 0;}
    .Area_brand .logo ul .PD_into{padding: 0;}
    .Area_brand .logo ul .PD_logo{ width: 33%; position: relative; top: 10px; left: 66px; padding: 0% 3% 0% 3%;}
    .Area_brand .logo ul li h3{color: #fff ; width: 50%;position: absolute; right: 28px;top: 22px;margin: 0 auto;font-size: 2em;}
    .Area_brand .ly{width: 100%;margin: 0 auto;}
    .Area_brand  .swiper-pagination-bullet {background: #ffffff;}
    
    .Area_brand .PD_layout[data-pd-col-pc="4"] li:nth-child(2) { border-top: none; border-right: solid 1px transparent;}	
  }
  @media screen and (max-width:767px){
  .Area_brand{ margin: 5vw auto 0 auto; width: 92% ; }
  .Area_brand .text{}
  .Area_brand .tag{padding: 2vw 0 4vw 0;}
  .Area_brand .box_all{position: relative;padding-top: 0vw;width:100%;}
  .Area_brand .box_all .box{margin-bottom: 5vw; padding: 2% 0 6% 0; margin-top: 1vw; background: no-repeat top center/100% url("bg2-1.png?t=1751247891634");}
  /*logo*/ 
  .Area_brand .logo{width: 100%;height:9vw;}
  .Area_brand .logo ul{grid-gap: 0;}
  .Area_brand .logo ul .PD_into{padding: 0;}
  .Area_brand .logo ul .PD_logo{width: 30%;  position: relative;  top:0.5vw;left: 12vw;padding: 0% 3% 0% 3%;}
  .Area_brand .logo ul li h3{color:#fff ;width: 48%;position: absolute;right:6vw;top:0vw;margin: 0 auto;font-size: 1.5em;}
  /*公版*/ 
  .Area_brand .box_all .box .ly{width: 94%;padding:6vw 0 0 0;}
  .Area_brand .PD_layout[data-pd-col-pc="4"] li:nth-child(2) { border-top: none; border-right: solid 1px transparent;}	
  
  }


/*分開公版樣式*/
.PD_layout.PD_layoutplus.PD_box { width: 100%;}
.PD_layoutplus ul { background-color: transparent; grid-gap: 0.3em;}
.PD_layoutplus li { background: #fff; border:none; border-radius: 0.5em;}