/* 分會場--ts_01 品類日--ts_02 */
body {
  font-size: inherit !important;
  background-color:  #1015b7;
}
body.ts_02 {
  font-size: inherit !important;
  background-color:  #b70c19;
}

/* 分會場時，品類日版頭不出現 */
.ts_B { display: none;}

/* 品類日時，分會場版頭不出現 */
.ts_02 .ts_A { display: none;}
.ts_02 .ts_B { display: block;}

/* 切換PC置頂選單--共用一個顏色 */
.cantantBase1 { display: block; background-color: #580f00;}
.cantantBase2 { display: none;}


/** 版頭 **/
@media screen and (min-width: 768px) {
  .hero { height: 1515px;}
  /* 分會場 */
  .hero-title { top: 165px; left: 50%; transform: translateX(-50%); margin: 0 auto;}
  /* 品類日 */
  .ts_02 .hero-title { top: 180px; left: 220px; transform: none;}
  .ts_02 .hero-title .lg-text { width: 530px;}
  .ts_02 .hero-title .md-text { left: 0; top: 155px;}
}
@media screen and (max-width: 767px){
  /* 分會場 */
  .hero-title { width: 100%; padding: 0; top: 19vw;}
  /* 品類日 */  
  .ts_02 .hero-title { 
    padding: 0; width: 65%; left: 3%; top: 20vw;}
}


/** 倒數 **/
.TimerNick { position: absolute; z-index: 0; display: inline-block; width: 100%; top: 120px; left: 50%; transform: translate(-50%); margin: 0 auto;}
.TimerNick .FontStyle { display: inline-block; margin: 0; padding: 0; border: 0; font: bold 35px/38px Century Gothic; color:#FFF; letter-spacing: -1px; text-align: center; width: 60px; font-weight: 500;}
.TimerNick span { display: inline-block; margin: 0; padding: 0; border: 0; font: bold 35px/38px Century Gothic; color:#FFF; letter-spacing: -1px; font-weight: 500;}
.TimerNick .time_day { font-size: 35px; letter-spacing: .05rem;}
.ts_02 .TimerNick { position: absolute; top: 105px; left: -125px; transform: none;}
.ts_02 .TimerNick span { padding-left: 2px; font: bold 35px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color: #FFF; font-weight: 900;}
.ts_02 .TimerNick .time_day { font-size: 35px; letter-spacing: .05rem;}
@media screen and (max-width:767px){
  .TimerNick { top: 5vw;}
  .TimerNick .FontStyle { display: inline-block; margin: 0; padding: 0; border: 0; font: 4.5vw/11vw Century Gothic; color:#FFF; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align: right; width: 5vw;}
  .TimerNick span { padding-left: 1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color: #FFF;}
  .TimerNick .time_day { font-size: 4vw; letter-spacing: .05rem;}
  .ts_02 .TimerNick { top: 9vw; left: 3%; width: 65%;}
  .ts_02 .TimerNick span { padding-left: 1vw; font: bold 4vw/7vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
  .ts_02 .TimerNick .time_day { font-size: 4vw; letter-spacing: .05rem;}
}


/* 版頭品輪播 */
.top_pd .Area_swiper_box .PD_layout li, .Area_swiper_box .PD_layout li .PD_img img { border-radius: 0 !important;}
.top_pd { position: absolute; overflow: hidden; background: url(top_pd_bg_1.png?t=1788851440626) top center no-repeat; background-size: 100%;}
@media screen and (min-width:768px){
  .top_pd { top: 95px; right: 165px; width: 20%;}
  .top_pd .ly ul li .PD_into { text-align: center; width: 100%; position: relative; padding: 0 10px;}
  .top_pd .ly ul li .PD_into .PD_logo { display: none;}
  .top_pd .ly ul li .PD_img { width: 100%; height: auto; padding: 5px 25px 0;}
  /* 文字 */	
  .top_pd .ly.PD_layout h2 { color: #000000; font-size: 1.6em; font-weight: 800; font-style: italic; line-height: normal; max-height: 1.2em; margin: 0 auto; font-family: 'noto sans'; padding-top: 5px;}
  .top_pd .ly.PD_layout .PD_into h3 { color: #000000; font-size: 1.3em; line-height: normal; max-height: 1.4em;}
  .top_pd .ly.PD_layout .PD_into h4 { color: #ce2227; font-size: 1.3em; line-height: normal; max-height: 1.4em; font-weight: 800;}
}
@media screen and (max-width:767px){
  .top_pd { top: 3vw; right: 3vw; width: 30%;}
  .top_pd .ly ul li .PD_into .PD_logo { display: none;}
  .top_pd .ly  ul li .PD_into  { padding: 0;}
  .top_pd .ly ul li .PD_img { width: 100%; height: auto; padding: 0.1em 1.15em 0;}
  /* 文字 */
  .top_pd .ly  ul li h2 { color: #000000; font-size: .9em; font-weight: 800; font-style: italic; line-height: normal; max-height: 1.2em; margin: 0 auto; font-family: 'noto sans'; padding-top: 0.1em;}
  .top_pd .ly  ul li .PD_into h3 { color: #000000; font-size: .9em; line-height: normal; max-height: 1.4em;}
  .top_pd .ly  ul li .PD_into h4 { color: #ce2227; font-size: .9em; line-height: normal; max-height: 1.4em; font-weight: 800;}
}

/* 移除公版設定 */
.Area .remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .remove_box_style ul li { border: none !important; background-color: transparent;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; padding: 0;}
}

/* BN輪播 */
@media screen and (max-width:767px){
  .Area_AD { width: 98%; margin: 0 auto; margin-bottom: 8vw;}
  .Area_AD .PD_layout ul { padding-bottom: 2vw;}
}


/* --------------共用-------------- */
/* 壓標 */
.Area_logo a::before { display: block; background: url(logo.png?t=1788851440626)top center no-repeat; background-size: 100%;}
.fixarea .fix_top a::before { background: url(fixed_Area_top-main.png?t=1788851440626)top center no-repeat; background-size: 100%;}
@media screen and (max-width:767px){ 
  .Area_logo a { width: 60%;}
}

/* 區標 */
@media screen and (min-width:768px){
  .Area_boxstyle .Area_boxstyle_box1 { background: url(Area_boxstyle_top1.png?t=1788851440626) top center / contain no-repeat, url(Area_boxstyle_bottom1.png?t=1788851440626) bottom center / contain no-repeat, url(Area_boxstyle_center1.png?t=1788851440626) center top 150px / 100% calc(100% - (150px + 10px)) no-repeat;}
  @container (width = 960px) { .Area_boxstyle .Area_boxstyle_box1 { background: url(Area_boxstyle_960_top1.png?t=1788851440626) top center / contain no-repeat, url(Area_boxstyle_960_bottom1.png?t=1788851440626) bottom center / contain no-repeat, url(Area_boxstyle_960_center1.png?t=1788851440626) center top 150px / 100% calc(100% - (150px + 10px)) no-repeat;}}
  .Area_boxstyle.Area_boxstyle--hasBackdrop::before { background: url(Area_boxstyle_hasbg_top.png?t=1788851440626) top 0px center / contain no-repeat, url(Area_boxstyle_hasbg_center.png?t=1788851440626) center center / 100% calc(100% - 404px) no-repeat, url(Area_boxstyle_hasbg_bottom.png?t=1788851440626) bottom 0px center / contain no-repeat;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box { background: url(Area_boxstyle_top_hasbg.png?t=1788851440626) top 20px center / contain no-repeat, url(Area_boxstyle_bottom1.png?t=1788851440626) bottom center / contain no-repeat, url(Area_boxstyle_center1.png?t=1788851440626) center top 40px / 100% calc(100% - 40px) no-repeat;}
  .ts_02 .Area_boxstyle.Area_boxstyle--hasBackdrop::before { background: url(Area_boxstyle_hasbg_top_s.png?t=1788851440626) top 0px center / contain no-repeat, url(Area_boxstyle_hasbg_center_s.png?t=1788851440626) center center / 100% calc(100% - 404px) no-repeat, url(Area_boxstyle_hasbg_bottom_s.png?t=1788851440626) bottom 0px center / contain no-repeat;}
}
@media screen and (max-width: 767px) {
  .Area_boxstyle .Area_boxstyle_box1 { background: url(m_Area_boxstyle_top1.png?t=1788851440626) top center / contain no-repeat, url(m_Area_boxstyle_bottom1.png?t=1788851440626) bottom center / contain no-repeat, url(m_Area_boxstyle_center1.png?t=1788851440626) center top 14vw / 100% calc(100% - (14vw + 5vw)) no-repeat;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before {background: url(m_Area_boxstyle_hasbg_top.png?t=1788851440626) top 0px center / 100% no-repeat, url(m_Area_boxstyle_hasbg_center.png?t=1788851440626) center center / 100% calc(100% - 42.0833333333vw) no-repeat, url(m_Area_boxstyle_hasbg_bottom.png?t=1788851440626) bottom 0px center / 100% no-repeat;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box { background: url(m_Area_boxstyle_top_hasbg.png?t=1788851440626) center top 4vw / contain no-repeat;}
  .ts_02 .Area_boxstyle.Area_boxstyle--hasBackdrop:before {background: url(m_Area_boxstyle_hasbg_top_s.png?t=1788851440626) top 0px center / 100% no-repeat, url(m_Area_boxstyle_hasbg_center_s.png?t=1788851440626) center center / 100% calc(100% - 42.0833333333vw) no-repeat, url(m_Area_boxstyle_hasbg_bottom_s.png?t=1788851440626) bottom 0px center / 100% no-repeat;}
}


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

/* MB選單 */
.Fixedfooter_box {
  background-image: url(Fixedfooter_bg.png?t=1788851440626);
  background-size: cover;
  background-position: center top;
}


/* --------------看更多按鈕-------------- */
/*各區看更多按鈕，哪一區不要就:not(.Area17) > .PD_layout-btn*/
@media screen and (min-width: 768px) {
  .PD_layout-btn {
    margin-top: 0;
  }
}
.PD_layout-btn li {
  list-style-type: none;
}
.PD_layout-btn .PD h3 {
  color: var(--font-black) !important;
  background-color: #ffe344 !important;
  transition: all .5s ease-in-out;
}
.PD_layout-btn ul
 { background-color: transparent !important;}
@media screen and (min-width: 768px) {
  .PD_layout-btn .PD h3:hover {
    cursor: pointer;
    color: var(--font-black);
    background-color: #fff6aa !important;
  }
}


.hero-title .PD_layout {width: 100% !important; }
.acty {margin-bottom: 4.5vw !important;}



.Area960.kind_box ul{width:100%; list-style:none;overflow:hidden; padding:0px; margin:40px auto 0px auto;padding-bottom:40px; text-align:center;}
.Area960.kind_box li{list-style:none; padding:0px;display:inline-block;text-align:center; width:190px; margin:0.5% 0.5%; position:relative;}
.Area960.kind_box li:last-child{padding-right:0px; }
.Area960.kind_box li a{ width:100%;display:block;}
.Area960.kind_box li a img{ width:100%;display:block;}

.Area960.kind_box .hover{
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.Area960.kind_box .hover:hover{transform:scale(0.95); 
	-webkit-transform:scale(0.95);
    -moz-transform:scale(0.95);
    -ms-transform:scale(0.95);
    -o-transform:scale(0.95);
	filter:brightness(100%);
}


@media screen and (max-width:767px){
	

	.Area960.kind_box ul{width:100%; padding:0px; margin:20px auto 0 auto;padding-bottom:2vw; text-align:center;padding-left:0%; }
	.Area960.kind_box li{list-style:none; padding:0px;width:31%; margin:0.1% 0.1%;}
	
}