@charset "utf-8";

/* 版頭區 */
@media screen and (max-width: 767px){
}


/* 副標 */
.Area_title_top .subtitle ul li { background-color: transparent ; }
.Area_title_top .subtitle { position: absolute ; top: 340px ; left: 0 ; z-index: 2 ; width: 100% ; }
.Area_title_top .subtitle .PD h3 { color: #fff ; font-size: 52px ; font-family: Arial, Helvetica, sans-serif ; font-weight: 600 ; transform: rotate(357deg) ; text-shadow: 2px 2px 4px rgba(0,0,0,.3); font-style: italic ;  }
.Area_title_top .subtitle .PD h3 span { font-weight: 600 ; padding-right: 1%; }
.date_bg { position: absolute ; top: 32px ; left: 164px ; }
@media screen and (max-width:767px){
  .Area_title_top .subtitle { position: absolute ; top: 34vw ; left: 1vw ; z-index: 10 ; width: 100%;}
  .Area_title_top .subtitle .PD h3 { color: #fff ; font-size: 6vw; font-family: Arial, Helvetica, sans-serif ; font-weight: 600; transform: rotate(357deg) ; }
  .date_bg { position: absolute ; width: 19% ; top: 1vw ; left: 14vw ; }
}


/* 日期 */
.Area_title_top .datetitle ul li { background-color: transparent ; }
.Area_title_top .datetitle { position: absolute ; top: 61px ; left: 195px ; z-index: 1 ; }
.Area_title_top .datetitle .PD h3 { color: #c623d5 ; font-size: 45px ; font-family: Arial, Helvetica, sans-serif ; font-weight: 600 ; line-height: 1 ; }
.Area_title_top .datetitle .PD h3 span { font-weight: 600 ;  }
.Area_title_top .datetitle .PD h4 { color: #c623d5 ; font-size: 45px ; font-family: Arial, Helvetica, sans-serif ; font-weight: 600 ; line-height: 1em ; }
.Area_title_top .datetitle .PD h4 span { font-weight: 600 ;  }
@media screen and (max-width:767px){
  .Area_title_top .datetitle { position: absolute ; top: 3.5vw ; left: 16.5vw ; z-index: 1 ; }
  .Area_title_top .datetitle .PD h3 { color: #c623d5 ; font-size: 5.5vw; font-family: Arial, Helvetica, sans-serif ; font-weight: 600; line-height: 1 ; max-height: 2em; }
  .Area_title_top .datetitle .PD h4 { color: #c623d5 ; font-size: 5.5vw; font-family: Arial, Helvetica, sans-serif ; font-weight: 600; line-height: 1em ; }
}


/* 活動 */
.PD_layout-CSSBG_01 li::after { padding-bottom: 140% !important ; }
.layout_active ul li h3 { color: #000 !important ; font-size: 45px !important ; font-weight: 800 !important ; }
.layout_active ul li h4 { color: #fff !important ; font-size: 50px !important ; font-weight: 600 !important ; }
@media screen and (max-width: 767px){
  .layout_active ul li h3 { font-size: 4.5vw !important ; font-weight: 800 !important ;  }
  .layout_active ul li h4 { font-size: 5vw !important ; font-weight: 600 !important ;  }
}



/* 微調 */
.layout_toppd { margin-bottom: 100px ; }
.layout_text01 { font-family: Arial, Helvetica, sans-serif ; font-weight: bold ; text-shadow: 2px 2px 4px rgb(255 255 255); }
.layout_text02 { font-family: Arial, Helvetica, sans-serif ; font-weight: bold ; text-shadow: 2px 2px 4px rgb(80 17 118) ; }
@media screen and (max-width:767px){
  .layout_toppd { margin-bottom: 10vw ; }
}


/* 版頭裝飾 */
@media screen and (min-width:768px){
  .deco_01{width: 100%;position: absolute;top: -28px;left: 0;z-index: 1;transform-origin: center center;pointer-events: none;}
  .deco_01 img{width: 100%;} 
}
@media screen and (max-width:767px){
  .deco_01{width: 100%;position: absolute;top: -3vw;left: 0 ;z-index: 1;transform-origin:bottom right;pointer-events: none;}
  .deco_01 img{width: 111%;}
}



/*飄-上下*/
.uptodown-play { -webkit-animation:uptodown-play 2.5s infinite alternate;
  animation:uptodown-play 2.5s infinite alternate;}
@-webkit-keyframes uptodown-play { 
0% { 
-webkit-transform: translate(0,-15px);  
} 
100% { 
-webkit-transform: translate(0,0);
}
}
@keyframes uptodown-play { 
0% { 
transform: translate(0,-15px);  
} 
100% { 
transform: translate(0,0);
}
}

/*飄-下上*/
.downtoup-play { -webkit-animation:downtoup-play 2.5s infinite alternate;
  animation:downtoup-play 2.5s infinite alternate;}
@-webkit-keyframes downtoup-play { 
0% { 
-webkit-transform: translate(0,0);  
} 
100% { 
-webkit-transform: translate(0,-10px);
}
}
@keyframes downtoup-play { 
0% { 
transform: translate(0,0);  
} 
100% { 
transform: translate(0,-10px);
}
}