@charset "utf-8";
/*基本*/




.WRAPPER { background-color: #71c6cd;}

.Area_hero .PD_layout li .PD_img img {border-radius:0 ;}


/*保健錨點公版設定 ----------------------------------------------------------------------------------------------------------------- */

.Area_group_8x11 .PD_layout.PD_layout-D3_01 .PD h3 { color: #ffffff;}

/*mb*/
@media screen and (max-width:767px){
.Area_group_8x11 .Area_pd-grid-4x2 { width: 100% ;}
}

/*pc*/
  @media screen and (min-width: 768px) {
  .Area_group_8x11 .Area_pd-grid-4x2 { width: 1200px ;}
  .Area_group_8x11 .PD_layout-D3_01 { height:100px ; } 
  .Area_group_8x11 .PD_layout-D3_01 .PD h3 { top: 44%; left: 50%; font-size: 40px;}
  }

/*Phone錨點*/
.Area_floorPD_NavArea_tabbar {
  margin: 0 auto 5vw ;
  width: 94%;
}
.Area_floorPD_NavArea_tabbar.cate-fixed {
  width: 100%;
}
.Area_floorPD_NavArea_tabbar .Nav_box {
  border-radius: 8px;
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}
.Area_floorPD_NavArea_tabbar .Nav li {
  overflow: visible;
}
.Area_floorPD_NavArea_tabbar.cate-fixed .Nav_box {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 1);
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}
/*保健錨點公版 -------------------------------------------------------------------------------------------------------------------- */