/* 02.版頭主標­ */
.Area02 {height:630px;}
.Area02 .Area_top{position: relative;width: 64%;padding: 153px 0;margin-left: -140px;}
.Area02 .Area_sub{position: relative;width: 50%;margin: -246px 0 0 -44px;}
.Area02 .Area_sub .img {width: 60%}
.Area02 .top_PD{position: absolute;width: 600px;top: 110px;left: 422px;z-index: 1;}

@media screen and (max-width:767px){
  .Area02 {height:135vw;}
  .Area02 .Area_top{position: relative;padding: 5vw 0;width: 83%;margin: 0px 9vw;}
  .Area02 .Area_sub {position: relative;width: 62%;margin: -17vw 24vw;}
  .Area02 .top_PD{width: 109%;top: 45vw;left: 46%;transform: translateX(-50%);}
}



/* 03.熱銷滷味TOP10 */
.Area03  {}
.Area03 .top10 {width: 100%;position: relative;margin: 0 auto;}
.Area03 .Area_pd-D3_01 {margin: -25px auto;}
.Area03 .Area_pd-D3_01 .PD_layout.PD_layout-D3_01 .PD h3 {font-size:27.5px;top: 35%;left:74%;}
.Area03 .Area_pd-D3_01 .PD_layout.PD_layout-D3_01 .PD h3 span {font-weight:500!important;}
.Area03 .Area_pd-D3_01 .PD_layout.PD_layout-D3_01 .PD_into h3,.PD_into .js-PD_txt
{display: block;width: 100%;text-align: left !important;}


@media screen and (max-width:767px){
  .Area03 {}
  .Area03 .top10 {width: 96%;position: relative;margin: 0 auto;}
  .Area03 .Area_pd-D3_01 {margin: 0 auto;}
  .Area03 .Area_pd-D3_01 .PD_layout.PD_layout-D3_01 .PD h3 {font-size: 15.3px;top: 48%;left: 66%;}
  .Area03 .Area_pd-D3_01 .PD_layout.PD_layout-D3_01 .PD_into h3,.PD_into .js-PD_txt {display: block;width: 100%;text-align: left !important;}
}


/*04.食尚熱銷榜*/
.Area04 { position: relative;}
.Area04 .PD_layout[data-pd-number*=row-center] .PD_slide::before{color: #fff;margin-left: 38px;}
.Area04 .PD_layout ul{background-color: #00000000;}
.Area04 .PD_layout li { border: none;}
.Area04 .bnbg01 {background:url(blue_bg.png?t=1787043040987)no-repeat;background-size: 100%;margin: 5px auto 30px auto;width: 100%;}
.Area04 .bnbg02 {background:url(brown_bg.png?t=1787043040987)no-repeat;background-size: 100%;margin: 5px auto 30px auto;width: 100%;}
.Area04 .bnbg01 .PD_layout .PD h3 {color: #fff;font-size: 1.4em;margin: -9px 70px 42px 70px;max-height: 10.9em;text-align:left;}
.Area04 .bnbg02 .PD_layout .PD h3 {color: #67460d;font-size: 1.4em;margin: -9px 70px 42px 70px;max-height: 10.9em;text-align:left;}
.Area04 .bnbg01 .wtxt h3 {color: #67460d;font-size: 3.2em;margin: 65px 0 0 130px;text-align: left;font-style: italic;font-family: Times;position: absolute;z-index: 99;}
.Area04 .bnbg02 .wtxt h3 {color: #67460d;font-size: 3.2em;margin: 65px 0 0 130px;text-align: left;font-style: italic;font-family: Times;position: absolute;z-index: 99;}
.Area04 .PD_layout .PD p {height: 0.2em;}
.Area04 .PD_layout .PD img {width: 86%;margin: 20px 0 34px 0;}
.Area04 .PD_layout .PD h3{line-height: 1.4;min-height: 2.8em;}


@media screen and (max-width:767px){
  .Area04 { position: relative;}
  .Area04 .PD_layout[data-pd-number*=row-center] .PD_slide::before{color: #fff;margin-left: 7vw;}
  .Area04 .PD_layout ul{background-color: #00000000;}
  .Area04 .bnbg01 {background: url(blue_mbbg.png?t=1787043040987) no-repeat;background-size: 100%;width: 96%;margin: 0px auto -5vw auto;padding: 0 0 11vw 0;}
  .Area04 .bnbg02 {background: url(brown_mbbg.png?t=1787043040987) no-repeat;background-size: 100%;width: 96%;margin: 0 auto -5vw auto;padding: 0 0 11vw 0;}
  .Area04 .bnbg01 .PD_layout .PD h3 {color: #fff;font-size: 0.9em;margin: 0vw 2vw;max-height: 10.9em;text-align: left;}
  .Area04 .bnbg02 .PD_layout .PD h3 {color: #67460d;font-size: 0.9em;margin: 0vw 2vw;max-height: 10.9em;text-align: left;}
  .Area04 .bnbg01 .wtxt h3 {color: #67460d;font-size: 1.8em;margin: 8vw 0 0 9vw;font-style: italic;font-family: Times;position: absolute;}
  .Area04 .bnbg02 .wtxt h3 {color: #67460d;font-size: 1.8em;margin: 8vw 0 0 9vw;font-style: italic;font-family: Times;}
  .Area04 .PD_layout .PD p {height: 0.2em;}
  .Area04 .PD_layout .PD img {width: 94%;margin: 2vw 0 1vw 0;}
  .Area04 .PD_layout .PD h3{line-height: 1.4;min-height: 2.8em;}

}

/* 05.小編私心推薦 */
.Area05 .morebtn {width: 35%; margin-top: -55px;}
@media screen and (max-width:767px){
  .Area05 .morebtn {width: 45%; margin-top: -3vw;}

}




.Area_title_lbtclass h3 span  {font-size:50px!important;}
@media screen and (max-width:767px){
.Area_title_lbtclass h3 span  {font-size:30px!important;}
}