@charset "utf-8";

/* 版頭區 */
.Area_title_all {height: 1000px;}
.Area_hero--title {width: 80% !important;top: 50px !important;left: 51%;transform: translateX(-50%);}
.Area_hero--PD {top: 360px;z-index: 10;width: 80%;left: 50%;transform: translateX(-50%);}
.Area_hero--logo {width: 43%;top: 267px;left: 50%;transform: translateX(-50%);z-index: 10;}
.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_all { height: 128vw ; margin-bottom: 0 ; }
.Area_hero--title {width: 105% !important;top: 6vw !important;left: 53%;transform: translateX(-50%);margin: 0 auto;}
.Area_hero--PD {top: 45vw;width: 100%;left: 50%;transform: translateX(-50%);}
.Area_hero--logo {width: 57%;top: 35.5vw;left: 51.5%;transform: translateX(-50%);}
.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=1787825663223) !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=1787825663223) ; 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); }
}