@charset "utf-8";

/* 版頭區 */
.Area_title_top { height: 1180px ; }
.Area_hero--title { width: 70% !important ; top: 30px !important ; left: 150px !important ; }
.Area_hero--PD { top: 510px ; z-index: 10; width: 90% ; left: 30px ; }
.Area_hero--logo { width: 65% ; top: 344px ; left: 180px ; }
.deco01 { position: absolute ; width: 100% ; top: 450px ; right: 380px ; }
.deco02 { position: absolute ; width: 100% ; top: 140px ; left: 387px ; }
@media screen and (max-width: 767px){
.Area_title_top { height: 128vw ; margin-bottom: 0 ; }
.Area_hero--title { width: 75% !important ; top: 4vw !important ; left: 13vw !important ; }
.Area_hero--PD { top: 53vw ; width: 100% ; left: 0 !important ; }
.Area_hero--logo { width: 70% ; top: 39vw ; left: 17vw ; }
.deco01 { position: absolute ; width: 9% ; top: 44vw ; right: 86vw ; }
.deco02 { position: absolute ; width: 7% ; top: 14vw ; left: 87vw ; }
}


/* 作圖區 */
.PD_layout-CSSBG_01 li:nth-child(even)::after { background-image: url(item_bg1.png?t=1785821894938) !important ; background-size: 100% ; padding-bottom: 170%; }
.layout_item ul { width: 80% !important ; }
/* .layout_item ul li { height: 600px ; } */
.layout_item ul li h3 { color: #208adf !important ; font-size: 30px !important ; max-height: 1.5em !important ; }
.layout_item ul li h4 { font-size: 27px !important ; margin-bottom: 0 !important ; }
.layout_item ul .PD_img { width: 80% ; margin: 0 auto ; }
.layout_item ul li p .Price { color: #f9892a ; }
.layout_item ul li p .money { color: #f9892a ; }
.layout_item ul li p { line-height: 3em !important ; }
.layout_item ul li::after { padding-bottom: 160% !important ; }
@media screen and (max-width:767px){
  .layout_item ul { width: 100% !important ; }
  /* .layout_item ul li { height: 76vw ; } */
  .layout_item ul li h3 { font-size: 4.5vw !important ; max-height: 1.5em !important ; line-height: 1.9em !important ; }
  .layout_item ul li h4 { font-size: 4vw !important ; }
  .layout_item ul li p { line-height: 1.5em !important ; }
  .layout_item ul li::after { padding-bottom: 160% !important ; }
}



/* 微調 */
.coupon_btn li { pointer-events: none ; }
.warningTxt h3 { color: #000 ; padding: 1% 0 2% ; }
.layout_paper_text { margin-bottom: -5px ; }
.layout_paper { padding-top: 20px ; }
.layout_banner { margin-top: 80px ; margin-bottom: 60px ; padding-left: 50px ; }
.layout_banner ul li .PD img { border: solid #e2eeff 5px !important ; }
.layout_sale { background-image: url(paper_bg_top_new.png?t=1785821894938) ; background-size: 100% ; background-repeat: no-repeat ; }
.layout_sale ul { margin: 10px ; }
.layout_sale .PD_layout-D3_02 ul { padding: 0 !important ; margin-top: 40px ; }
@media screen and (max-width:767px){
  .warningTxt h3 { color: #000 ; padding: 2% 0 3% ; }
  .layout_paper_text { margin-bottom: 0 ; }
  .layout_paper { padding-top: 3vw ; }
  .layout_banner { margin-top: 14vw ; margin-bottom: 6vw ; padding-left: 3vw ; }
  .layout_sale ul { margin: 2vw ; }
  .layout_sale .PD_layout-D3_02 ul { padding: 0 !important ; margin-top: 9vw ; }
}





/*飄-上下*/
.uptodown-play { -webkit-animation:uptodown-play 2s ease-in-out infinite alternate;
  animation:uptodown-play 2s ease-in-out infinite alternate;}
@-webkit-keyframes uptodown-play { 
0%   { transform: translateY(0); }
50%  { transform: translateY(10px); }
100% { transform: translateY(0); }
}
@keyframes uptodown-play { 
0%   { transform: translateY(0); }
50%  { transform: translateY(10px); }
100% { transform: translateY(0); }
}

/*飄-下上*/
.downtoup-play { -webkit-animation:downtoup-play 2s ease-in-out infinite alternate;
  animation:downtoup-play 2s ease-in-out infinite alternate;}
@-webkit-keyframes downtoup-play { 
0%   { transform: translateY(0); }
50%  { transform: translateY(-10px); }
100% { transform: translateY(0); }
}
@keyframes downtoup-play { 
0%   { transform: translateY(0); }
50%  { transform: translateY(-10px); }
100% { transform: translateY(0); }
}