@charset "utf-8";

/* 版頭區 */
.Area_title_top { height: 1090px ; }
.Area_hero--title { width: 72% !important ; top: 40px !important ; left: 135px !important ; z-index: 5 ; }
.Area_hero--tag { width: 90% !important ; top: 40px !important ; left: 50px !important ; }
.Area_hero--PD { top: 430px ; z-index: 10; width: 90% ; left: 30px ; }
.Area_hero--logo { width: 65% ; top: 344px ; left: 180px ; }
@media screen and (max-width: 767px){
.Area_title_top { height: 120vw ; margin-bottom: 0 ; }
.Area_hero--title { width: 75% !important ; top: 6vw !important ; left: 14vw !important ; }
.Area_hero--tag { width: 100% !important ; top: 4vw !important ; left: 0 !important ; }
.Area_hero--PD { top: 48vw ; width: 100% ; left: 0 !important ; }
.Area_hero--logo { width: 70% ; top: 39vw ; left: 17vw ; }
}


/* 作圖區 */
.PD_layout-CSSBG_01 li:nth-child(even)::after { background-image: url(item_bg1.png?t=1786343884341) !important ; background-size: 100% ; padding-bottom: 170%; }
.layout_item ul li h3 { color: #fff !important ; font-size: 30px !important ; max-height: 1.5em !important ; }
.layout_item ul li h4 { font-size: 27px !important ; margin-bottom: 0 !important ; color: #fff !important ; width: 96% ; }
.layout_item ul .PD_img { width: 42% !important ; margin: 0 auto ; }
.layout_item ul li p del { color: #fff !important ; }
.layout_item ul li p .Price { color: #622216 ; font-size: 50px !important ; }
.layout_item ul li p .money { color: #622216 ; font-size: 20px !important ; }
.layout_item ul li p { overflow: visible !important ; line-height: 4em !important ; }
.layout_item ul li::after { padding-bottom: 160% !important ; }
.layout_item .PD_into { margin-right: 30px !important ; }
@media screen and (max-width:767px){
  .layout_item ul { width: 100% !important ; }
  .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 ; width: 96% ; }
  .layout_item ul li p { line-height: 1.5em !important ; }
  .layout_item ul li p .Price { color: #622216 ; font-size: 7vw !important ; }
  .layout_item ul li p .money { color: #622216 ; font-size: 5vw !important ; }
  .layout_item ul li::after { padding-bottom: 160% !important ; }
  .layout_item .PD_into { margin-right: 3vw !important ; margin-top: 3vw; }
  .layout_item ul .PD_img { margin-top: 0 !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=1786343884342) ; 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 ; }
.layout_text .PD h3 { margin-top: 20px ; }
.layout_text .PD img { width: 100% !important ; }
.layout_buy { width: 70% ; }
@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 ; }
  .layout_text .PD h3 { margin-top: 2vw ; }
  .layout_buy { width: 85% ; }
}


/* 1帶2 */
.Area_hot .PD_layout-D3_02 .PD_logo { display: none !important ; }
.Area_hot .PD_layout-D3_02 ul li .PD h3 { width: 100% ; text-align: center !important ; }


/*飄-上下*/
.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); }
}