@charset "UTF-8";
body {
  width: 100%;
  padding: 0;
  margin: 0;
}

#page .container {
  padding: 0;
  max-width: 100%;
}

#page .container.resize {
  max-width: 640px;
  padding: 0 1em;
}

.container #ckeditor::after {
  display: none;
}

.entityStores {
  font-family: 'Microsoft JhengHei', 'Hei', sans-serif;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 3%;
}

@media only screen and (max-width: 950px) {
  .entityStores {
    padding-bottom: 5%;
  }
}

.entityStores .banner {
  width: 100%;
}

.entityStores .title {
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  margin: 1em auto;
  background: white;
}

@media only screen and (max-width: 950px) {
  .entityStores .title {
    font-size: 22px;
  }
}

.entityStores .title::before {
  content: "";
  display: inline-block;
  width: 46px;
  height: 46px;
  background-size: contain;
  margin-bottom: -10px;
  background-image: url("//11840.cyberbiz.tw/s/files/11840/ckeditor/pictures/content_609b4666-6a16-4bab-98d3-4c95e5a2f6f2.png");
  background-repeat: no-repeat;
}

.entityStores .storesContainer {
  width: 60%;
  margin: auto;
}

@media only screen and (max-width: 1380px) {
  .entityStores .storesContainer {
    width: 75%;
  }
}

@media only screen and (max-width: 950px) {
  .entityStores .storesContainer {
    width: 90%;
  }
}

.entityStores .entityStore {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1% 1%;
}

@media only screen and (max-width: 950px) {
  .entityStores .entityStore {
    width: 98%;
  }
}

.entityStores .entityStore .storeImg {
  width: 20%;
}

@media only screen and (max-width: 950px) {
  .entityStores .entityStore .storeImg {
    width: 100%;
  }
}

@media only screen and (max-width: 950px) {
  .entityStores .entityStore .storeImg.pcOnly {
    display: none;
  }
}

.entityStores .entityStore .storeInfo {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 950px) {
  .entityStores .entityStore .storeInfo {
    width: 100%;
  }
}

.entityStores .storeName {
  font-size: 20px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  margin-bottom: .75em;
  margin-top: .5em;
}

.entityStores .storeName::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: -webkit-linear-gradient(left, #f0b670, #fff5dc);
}

.entityStores .storeAddr, .entityStores .storeTel {
  font-size: 16px;
  width: 100%;
  color: #646464;
  margin-bottom: .5em;
}

.entityStores .storeTime {
  font-size: 14px;
  width: 100%;
  color: #9b9b9b;
}

.entityStores .entityStoreMap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-line-pack: center;
      align-content: center;
}

.entityStores .entityStoreMap .mapBtn {
  margin-right: 3%;
  font-size: 14px;
  border: 1px solid #f0b670;
  cursor: pointer;
  border-radius: 10px;
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 0;
  width: 50%;
}

@media only screen and (max-width: 950px) {
  .entityStores .entityStoreMap .mapBtn {
    width: 35%;
    padding: 10px 0;
  }
}

@media only screen and (max-width: 480px) {
  .entityStores .entityStoreMap .mapBtn {
    width: 40%;
  }
}

.entityStores .entityStoreMap .mapBtn a {
  color: #f0b670;
  text-decoration: none;
}

.entityStores .itemNote {
  width: 100%;
  font-size: 16px;
  color: #a5a2a2;
  text-align: center;
}

.entityStores .itemsSold {
  width: 60%;
  text-align: center;
  font-size: 12px;
  margin: 30px auto;
  padding-bottom: 15px;
  border-bottom: 1px  #a5a2a2 solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media only screen and (max-width: 950px) {
  .entityStores .itemsSold {
    width: 60%;
    margin: 20px 20% 30px 20%;
  }
}

@media only screen and (max-width: 480px) {
  .entityStores .itemsSold {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 90%;
    margin: 20px 5% 30px 5%;
  }
}

.entityStores .itemsSold .itemSold {
  width: 30%;
  margin-bottom: 10px;
}

.entityStores .itemsSold .itemSold > img {
  height: 31px;
}

.entityStores .entityStoreNavs {
  width: 50%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.entityStores .entityStoreNavs .storeNav {
  width: 20%;
  padding: 5px 0;
  background: #94bcb3;
  border-radius: 20px;
  color: white;
  text-align: center;
  cursor: pointer;
}

.eventImg, .parnerStoreLink {
  margin-top: 3%;
  width: 100%;
}

@media only screen and (max-width: 950px) {
  .eventImg, .parnerStoreLink {
    margin-top: 5%;
  }
}

@media only screen and (max-width: 950px) {
  .eventImg .pcOnly, .parnerStoreLink .pcOnly {
    display: none;
  }
}

.eventImg .mobileOnly, .parnerStoreLink .mobileOnly {
  display: none;
}

@media only screen and (max-width: 950px) {
  .eventImg .mobileOnly, .parnerStoreLink .mobileOnly {
    display: block;
  }
}

.parnerStores {
  font-family: 'Microsoft JhengHei', 'Hei', sans-serif;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 3%;
}

@media only screen and (max-width: 950px) {
  .parnerStores {
    padding-bottom: 5%;
  }
}

.parnerStores .banner {
  width: 100%;
}

.parnerStores .title {
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  padding-bottom: 1em;
}

@media only screen and (max-width: 950px) {
  .parnerStores .title {
    font-size: 22px;
  }
}

.parnerStores .title::before {
  content: "";
  display: inline-block;
  width: 46px;
  height: 46px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: -10px;
  background-image: url("//11840.cyberbiz.tw/s/files/11840/ckeditor/pictures/content_609b4666-6a16-4bab-98d3-4c95e5a2f6f2.png");
}

.parnerStores .parnerStoresContainer {
  width: 60%;
  margin: auto;
}

@media only screen and (max-width: 1380px) {
  .parnerStores .parnerStoresContainer {
    width: 75%;
  }
}

@media only screen and (max-width: 950px) {
  .parnerStores .parnerStoresContainer {
    width: 100%;
  }
}

.parnerStores .itemNote {
  width: 100%;
  font-size: 16px;
  color: #a5a2a2;
  text-align: center;
}

.parnerStores .itemsSold {
  width: 60%;
  text-align: center;
  font-size: 12px;
  margin: 10px auto;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media only screen and (max-width: 950px) {
  .parnerStores .itemsSold {
    width: 60%;
    margin: 20px 20% 30px 20%;
  }
}

@media only screen and (max-width: 480px) {
  .parnerStores .itemsSold {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 90%;
    margin: 20px 5% 30px 5%;
  }
}

.parnerStores .itemsSold .itemSold {
  width: 30%;
  margin-bottom: 10px;
}

.parnerStores .itemsSold .itemSold > img {
  height: 31px;
}

.parnerStores .storeNavs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 60%;
  margin: auto;
}

@media only screen and (max-width: 1380px) {
  .parnerStores .storeNavs {
    width: 80%;
  }
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeNavs {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    width: 100%;
  }
}

.parnerStores .storeNavs .storeNav {
  cursor: pointer;
  width: 5vw;
  height: 5vw;
  min-width: 75px;
  min-height: 75px;
  border-radius: 50%;
  -webkit-transition: background .5s ease;
  transition: background .5s ease;
  position: relative;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeNavs .storeNav {
    margin: 0 5vw;
    margin-bottom: 15%;
    width: 25vw;
    height: 25vw;
  }
}

.parnerStores .storeNavs .storeNav.noData {
  cursor: no-drop;
  background: #b3b3b3;
  border: 1px solid #b3b3b3;
}

.parnerStores .storeNavs .storeNav.noData:hover {
  -webkit-filter: none;
          filter: none;
}

.parnerStores .storeNavs .expo {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_56fa0dfc-1f33-4217-b05c-0a72876cfce6.png");
  background-size: cover;
}

.parnerStores .storeNavs .expo::after {
  content: "誠品EXPO";
  position: absolute;
  width: 100%;
  top: 100%;
  text-align: center;
  font-weight: bold;
}

.parnerStores .storeNavs .expo:hover {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_f3c988ce-ac64-48ae-8e20-ec69e9064ac9.png");
  background-size: cover;
}

.parnerStores .storeNavs .expo.selected {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_f3c988ce-ac64-48ae-8e20-ec69e9064ac9.png");
  background-size: cover;
}

.parnerStores .storeNavs .bg {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_2d1bb28e-537c-4e8d-809f-3bd93650ce06.png");
  background-size: cover;
}

.parnerStores .storeNavs .bg::after {
  content: "BG新高橋";
  position: absolute;
  width: 100%;
  top: 100%;
  text-align: center;
  font-weight: bold;
}

.parnerStores .storeNavs .bg:hover {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_781301f5-1594-4035-bd3a-1623931f3fb5.png");
  background-size: cover;
}

.parnerStores .storeNavs .bg.selected {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_781301f5-1594-4035-bd3a-1623931f3fb5.png");
  background-size: cover;
}

.parnerStores .storeNavs .jpmed {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_1f342eb2-b9cb-4f65-aa20-e8fc7abae5aa.png");
  background-size: cover;
}

.parnerStores .storeNavs .jpmed::after {
  content: "日藥本舖";
  position: absolute;
  width: 100%;
  top: 100%;
  text-align: center;
  font-weight: bold;
}

.parnerStores .storeNavs .jpmed:hover {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_d388cca0-516e-4efb-a4e0-060fcbc9671d.png");
  background-size: cover;
}

.parnerStores .storeNavs .jpmed.selected {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_d388cca0-516e-4efb-a4e0-060fcbc9671d.png");
  background-size: cover;
}

.parnerStores .storeNavs .hola {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_ff829104-87ad-4353-8e8c-be1ced0fb580.png");
  background-size: cover;
}

.parnerStores .storeNavs .hola::after {
  content: "HOLA";
  position: absolute;
  width: 100%;
  top: 100%;
  text-align: center;
  font-weight: bold;
}

.parnerStores .storeNavs .hola:hover {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_71dece0e-d530-4052-80b4-03d29e335943.png");
  background-size: cover;
}

.parnerStores .storeNavs .hola.selected {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_71dece0e-d530-4052-80b4-03d29e335943.png");
  background-size: cover;
}

.parnerStores .storeNavs .watsons {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_cd8b0832-84a6-4e11-9995-2d99dc177a57.png");
  background-size: cover;
}

.parnerStores .storeNavs .watsons::after {
  content: "屈臣氏";
  position: absolute;
  width: 100%;
  top: 100%;
  text-align: center;
  font-weight: bold;
}

.parnerStores .storeNavs .watsons:hover {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_866a6846-db0f-498a-973a-00b4c11efb10.png");
  background-size: cover;
}

.parnerStores .storeNavs .watsons.selected {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_866a6846-db0f-498a-973a-00b4c11efb10.png");
  background-size: cover;
}

.parnerStores .storeNavs .other {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_00260d24-d54d-4a2d-9e7c-e41ff0aec978.png");
  background-size: cover;
}

.parnerStores .storeNavs .other::after {
  content: "其他展售點";
  position: absolute;
  width: 110%;
  top: 100%;
  text-align: center;
  font-weight: bold;
}

.parnerStores .storeNavs .other:hover {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_5c3885ff-d92c-46ec-8240-593efdde2a67.png");
  background-size: cover;
}

.parnerStores .storeNavs .other.selected {
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_5c3885ff-d92c-46ec-8240-593efdde2a67.png");
  background-size: cover;
}

.parnerStores .zoneNavs {
  width: 65%;
  margin: 5% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

@media only screen and (max-width: 950px) {
  .parnerStores .zoneNavs {
    width: 100%;
    background: white;
    color: black;
    border: 1px solid #9d6b36;
    margin: 7.5% auto;
  }
}

.parnerStores .zoneNavs .zoneNav {
  width: 16%;
  padding: 5px 0;
  background: white;
  border-radius: 20px;
  color: black;
  border: 1px solid #9d6b36;
  text-align: center;
  cursor: pointer;
}

@media only screen and (max-width: 950px) {
  .parnerStores .zoneNavs .zoneNav {
    background: transparent;
    width: calc(100% / 3);
    border-radius: 0px;
  }
}

.parnerStores .zoneNavs .zoneNav.hide {
  display: none;
}

.parnerStores .zoneNavs .zoneNav.selected {
  background: -webkit-linear-gradient(top left, #a8773f, #b0782f, #f0aa49, #b4833a);
  color: black;
  border: 1px solid #9d6b36;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable {
    width: 90%;
    margin: auto;
  }
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable .tableHeader.storeList {
    display: none;
  }
}

.parnerStores .storeTable .storesArea {
  width: 100%;
}

.parnerStores .storeTable .storeList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2%;
  border-bottom: 1px solid #e8dbdb;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable .storeList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 5%;
    font-size: 14px;
    border-bottom: 1px solid black;
  }
}

.parnerStores .storeTable .storeList .storeName {
  width: 30%;
  position: relative;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable .storeList .storeName {
    width: 100%;
    padding-left: 5%;
    margin-bottom: 1em;
    border-bottom: 1px solid #e8dbdb;
    padding-bottom: 1em;
    text-align: center;
  }
}

.parnerStores .storeTable .storeList .storeName.isNew::before {
  width: 50%;
  position: absolute;
  left: 0%;
  bottom: 100%;
  display: inline-block;
  content: "NEW!";
  color: #f0b670;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable .storeList .storeName.isNew::before {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.parnerStores .storeTable .storeList .storeAddr {
  width: 40%;
  position: relative;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable .storeList .storeAddr {
    font-size: 13px;
    width: 100%;
    margin-bottom: 1em;
    border-bottom: 1px solid #e8dbdb;
    padding-bottom: 1em;
    text-align: center;
  }
}

.parnerStores .storeTable .storeList .storeItem {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable .storeList .storeItem {
    width: 100%;
  }
}

.parnerStores .storeTable .storeList .storeItem > div {
  position: relative;
}

.parnerStores .storeTable .storeList .storeItem > div::before {
  font-size: 12px;
  display: none;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: .5em 1em;
  bottom: 100%;
  left: 50%;
  border: 1px solid #bfacac;
  border-radius: 20px;
  background: white;
  -webkit-transform: translate(-40%, 0%);
          transform: translate(-40%, 0%);
}

.parnerStores .storeTable .storeList .storeItem > div:hover::before {
  display: block;
}

.parnerStores .storeTable .storeList .storeItem::before {
  width: 50%;
  position: absolute;
  left: 7.5%;
  display: none;
  color: #a5a2a2;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable .storeList .storeItem::before {
    display: inline-block;
  }
}

.parnerStores .storeTable .storeList .storeItem .all {
  width: 27px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_67d33ba5-8a59-4b7b-bd13-3ad3b61de828.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable .storeList .storeItem .all::before {
  content: "洗護全系列";
}

.parnerStores .storeTable .storeList .storeItem .star {
  width: 31px;
  height: 30px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_c0723a4d-78e6-4bbd-9567-01a5ee878eff.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable .storeList .storeItem .star::before {
  content: "明星商品";
}

.parnerStores .storeTable .storeList .storeItem .candle {
  width: 24px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_04ce529c-76f2-4a07-b28b-e990fd175352.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable .storeList .storeItem .candle::before {
  content: "香氛蠟燭";
}

.parnerStores .storeTable .storeList .storeItem .gift {
  width: 24px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_0a7f9730-3c3b-4518-88bd-d42845c71589.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable .storeList .storeItem .hair {
  width: 17px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_438394a6-083c-4819-b0dd-d9c559127e90.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable .storeList .storeItem .hair::before {
  content: "深層護髮";
}

.parnerStores .storeTable .storeList .storeItem .bath {
  width: 26px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_5f5620a7-0380-4e75-8253-397b87eae619.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable .storeList .storeItem .bath::before {
  content: "身體保養";
}

.parnerStores .storeTable .storeList .storeItem .hand {
  width: 32px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_ec406be9-d037-4d34-8ab7-b3bc1bf04b90.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable .storeList .storeItem .hand::before {
  content: "護手凝乳";
}

.parnerStores .storeTable .storeList .storeItem .perfume {
  width: 19px;
  height: 31px;
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_3e61e7d3-4b37-4606-81cf-a9cedd5a7889.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable .storeList .storeItem .perfume::before {
  content: "髮香水";
}

.parnerStores .storeTable .storeList .storeLink {
  width: 13%;
}

.parnerStores .storeTable .storeList .storeLink.map, .parnerStores .storeTable .storeList .storeLink.map2 {
  cursor: pointer;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
  border: 1px solid #f0b670;
  color: #f0b670;
  border-radius: 10px;
  text-align: center;
  padding: 6px 12px;
  margin-left: 10px;
}

.parnerStores .storeTable .storeList .storeLink.map a, .parnerStores .storeTable .storeList .storeLink.map2 a {
  text-decoration: none;
  color: #f0b670;
}

.parnerStores .storeTable2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable2 {
    width: 90%;
    margin: auto;
  }
}

.parnerStores .storeTable2 .storeContent {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 3%;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable2 .storeContent {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

.parnerStores .storeTable2 .storeContent .parnerStoreImg {
  width: 40%;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable2 .storeContent .parnerStoreImg {
    width: 100%;
  }
}

.parnerStores .storeTable2 .storeContent .storeInfos {
  width: 60%;
  padding-left: 6px;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable2 .storeContent .storeInfos {
    text-align: center;
    width: 100%;
  }
}

.parnerStores .storeTable2 .storeContent .storeName {
  font-weight: bold;
  margin-bottom: 3%;
}

.parnerStores .storeTable2 .storeContent .storeAddress {
  font-size: 14px;
  white-space: pre-wrap;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable2 .storeContent .storeAddress {
    font-size: 12px;
    height: auto;
  }
}

.parnerStores .storeTable2 .storeContent .storeSoldItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable2 .storeContent .storeSoldItems {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.parnerStores .storeTable2 .storeContent .storeSoldItems > div {
  margin-right: 5%;
  position: relative;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable2 .storeContent .storeSoldItems > div {
    margin-right: 8%;
  }
}

.parnerStores .storeTable2 .storeContent .storeSoldItems > div::before {
  font-size: 12px;
  display: none;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: .5em 1em;
  bottom: 100%;
  left: 50%;
  border: 1px solid #bfacac;
  border-radius: 20px;
  background: white;
  -webkit-transform: translate(-40%, 0%);
          transform: translate(-40%, 0%);
}

.parnerStores .storeTable2 .storeContent .storeSoldItems > div:hover::before {
  display: block;
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .all {
  width: 27px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_67d33ba5-8a59-4b7b-bd13-3ad3b61de828.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .all::before {
  content: "洗護全系列";
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .star {
  width: 31px;
  height: 30px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_c0723a4d-78e6-4bbd-9567-01a5ee878eff.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .star::before {
  content: "明星商品";
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .candle {
  width: 24px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_04ce529c-76f2-4a07-b28b-e990fd175352.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .candle::before {
  content: "香氛蠟燭";
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .gift {
  width: 24px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_0a7f9730-3c3b-4518-88bd-d42845c71589.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .hair {
  width: 17px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_438394a6-083c-4819-b0dd-d9c559127e90.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .hair::before {
  content: "深層護髮";
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .bath {
  width: 26px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_5f5620a7-0380-4e75-8253-397b87eae619.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .bath::before {
  content: "身體保養";
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .hand {
  width: 32px;
  height: 29px;
  background: url("https://cdn.cybassets.com/s/files/11840/ckeditor/pictures/content_ec406be9-d037-4d34-8ab7-b3bc1bf04b90.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .hand::before {
  content: "護手凝乳";
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .perfume {
  width: 19px;
  height: 31px;
  background: url("https://cdn1.cybassets.com/s/files/11840/ckeditor/pictures/content_3e61e7d3-4b37-4606-81cf-a9cedd5a7889.png");
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.parnerStores .storeTable2 .storeContent .storeSoldItems .perfume::before {
  content: "髮香水";
}

.parnerStores .storeTable2 .storeContent .storeLink.map, .parnerStores .storeTable2 .storeContent .storeLink.map2, .parnerStores .storeTable2 .storeContent .storeLink.map3 {
  cursor: pointer;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
  border: 1px solid #f0b670;
  color: #f0b670;
  border-radius: 10px;
  text-align: center;
  padding: 4px 15px;
  margin: 3% 0 5% 0;
  font-size: 12px;
}

@media only screen and (max-width: 950px) {
  .parnerStores .storeTable2 .storeContent .storeLink.map, .parnerStores .storeTable2 .storeContent .storeLink.map2, .parnerStores .storeTable2 .storeContent .storeLink.map3 {
    margin: 5% 0;
  }
}

.parnerStores .storeTable2 .storeContent .storeLink.map a, .parnerStores .storeTable2 .storeContent .storeLink.map2 a, .parnerStores .storeTable2 .storeContent .storeLink.map3 a {
  text-decoration: none;
  color: #f0b670;
}

.parnerStores .entityStoreLink {
  width: 60%;
  margin: 5% auto auto;
}

@media only screen and (max-width: 950px) {
  .parnerStores .entityStoreLink {
    width: 90%;
  }
}

.contactPage {
  background: url("https://cdn2.cybassets.com/s/files/11840/ckeditor/pictures/content_ef2461eb-65cc-4dd4-981d-3eb8cb6f85ef.jpg");
  background-size: 100% 100%;
  width: 100%;
  padding: 2% 0;
}

@media only screen and (max-width: 950px) {
  .contactPage {
    padding-bottom: 5% 0;
  }
}

.contactPage .divLine1 {
  width: 60%;
  margin: auto;
  height: 1px;
  border-top: 1px solid #bebfbd;
}

@media only screen and (max-width: 950px) {
  .contactPage .divLine1 {
    width: 95%;
  }
}

.contactPage .divLine2 {
  width: 60%;
  margin: auto;
  height: 1px;
  border-top: 1px solid #c69c6c;
}

@media only screen and (max-width: 950px) {
  .contactPage .divLine2 {
    width: 80%;
  }
}

.contactPage .contactContainer {
  width: 60%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 5% 0;
}

@media only screen and (max-width: 950px) {
  .contactPage .contactContainer {
    width: 85%;
  }
}

.contactPage .contactContainer a {
  color: black;
}

.contactPage .contactContainer a:hover {
  color: black;
  text-decoration: none;
}

.contactPage .contactContainer .contactImage {
  width: 45%;
  margin-right: 5%;
}

@media only screen and (max-width: 950px) {
  .contactPage .contactContainer .contactImage {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
}

.contactPage .contactContainer .contactText {
  width: 50%;
}

@media only screen and (max-width: 950px) {
  .contactPage .contactContainer .contactText {
    width: 100%;
  }
}

.contactPage .contactContainer .contactText .contactTitle {
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 30px;
}

@media only screen and (max-width: 950px) {
  .contactPage .contactContainer .contactText .contactTitle {
    font-size: 22px;
  }
}

.contactPage .contactContainer .contactText .contactContent {
  margin-bottom: 2em;
}

.contactPage .contactContainer .contactText .contactBtn {
  background: #ebcdb3;
  padding: 12px 0;
  font-weight: bold;
  width: 35%;
  text-align: center;
  cursor: pointer;
}

@media only screen and (max-width: 950px) {
  .contactPage .contactContainer .contactText .contactBtn {
    width: 50%;
  }
}

.servicePage {
  width: 100%;
  padding: 0% 0;
}

.servicePage .serviceContainer {
  width: 60%;
  margin: auto;
}

@media only screen and (max-width: 1380px) {
  .servicePage .serviceContainer {
    width: 75%;
  }
}

@media only screen and (max-width: 480px) {
  .servicePage .serviceContainer {
    min-height: 650vw;
    width: 100%;
  }
}

.servicePage .serviceContainer .mapImage {
  width: 100%;
}

.servicePage .serviceContainer .mapImage .pc {
  display: block;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .mapImage .pc {
    display: none;
  }
}

.servicePage .serviceContainer .mapImage .mobile {
  display: none;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .mapImage .mobile {
    display: block;
  }
}

.servicePage .serviceContainer .mapImage2 {
  width: 100%;
}

.servicePage .serviceContainer .mapImage2 .pc {
  display: block;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .mapImage2 .pc {
    display: none;
  }
}

.servicePage .serviceContainer .mapImage2 .mobile {
  display: none;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .mapImage2 .mobile {
    display: block;
  }
}

.servicePage .serviceContainer .mapImage2 .text2 {
  width: 100%;
  text-align: center;
  position: relative;
  top: -180px;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
}

@media only screen and (max-width: 480px) {
  .servicePage .serviceContainer .mapImage2 .text2 {
    top: -150px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 300px) {
  .servicePage .serviceContainer .mapImage2 .text2 {
    top: -100px;
    font-size: 14px;
  }
}

.servicePage .serviceContainer .mapImage3 {
  position: relative;
  top: -50px;
  width: 100%;
}

.servicePage .serviceContainer .mapImage3 .pc {
  display: block;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .mapImage3 .pc {
    display: none;
  }
}

.servicePage .serviceContainer .mapImage3 .mobile {
  display: none;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .mapImage3 .mobile {
    display: block;
  }
}

.servicePage .serviceContainer .mapImage3 .text3 {
  padding-left: 50%;
  width: 100%;
  text-align: center;
  position: relative;
  top: -240px;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
}

@media only screen and (max-width: 480px) {
  .servicePage .serviceContainer .mapImage3 .text3 {
    padding-left: 0;
    width: 90%;
    margin: auto;
    top: -230px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 300px) {
  .servicePage .serviceContainer .mapImage3 .text3 {
    width: 90%;
    margin: auto;
    top: -170px;
    font-size: 16px;
  }
}

.servicePage .serviceContainer .mapImage4 {
  position: relative;
  top: -220px;
  width: 100%;
}

.servicePage .serviceContainer .mapImage4 .pc {
  display: block;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .mapImage4 .pc {
    display: none;
  }
}

.servicePage .serviceContainer .mapImage4 .mobile {
  display: none;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .mapImage4 .mobile {
    display: block;
  }
}

.servicePage .serviceContainer .mapImage4 .text4 {
  width: 70%;
  text-align: center;
  position: relative;
  top: -300px;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
}

@media only screen and (max-width: 480px) {
  .servicePage .serviceContainer .mapImage4 .text4 {
    width: 90%;
    margin: auto;
    top: -100px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 300px) {
  .servicePage .serviceContainer .mapImage4 .text4 {
    width: 90%;
    margin: auto;
    top: -60px;
    font-size: 16px;
  }
}

.servicePage .serviceContainer .offices {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  margin: 3% auto;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .offices {
    width: 90%;
    display: block;
  }
}

.servicePage .serviceContainer .offices .office1 {
  width: 45%;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .offices .office1 {
    width: 100%;
    margin-bottom: 1.5em;
  }
}

.servicePage .serviceContainer .offices .office2 {
  width: 35%;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .offices .office2 {
    width: 100%;
    margin-bottom: 1.5em;
  }
}

.servicePage .serviceContainer .offices .office3 {
  width: 20%;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .offices .office3 {
    width: 100%;
  }
}

.servicePage .serviceContainer .offices .name {
  color: #b38d6a;
  font-weight: bold;
}

.servicePage .serviceContainer .offices .name, .servicePage .serviceContainer .offices .address, .servicePage .serviceContainer .offices .phone, .servicePage .serviceContainer .offices .email {
  margin-bottom: .75em;
}

.servicePage .serviceContainer .offices .image {
  width: 50%;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .offices .image {
    width: 33%;
  }
}

.servicePage .serviceContainer .divLine {
  height: 3px;
  width: 100%;
  margin: 3% auto;
  background: -webkit-linear-gradient(top right, #d19e5a, #b4834b, #ba9961, #e4d291, #bc9552);
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .divLine {
    margin: 5% auto;
  }
}

.servicePage .serviceContainer .links {
  width: 85%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.servicePage .serviceContainer .links .link1 {
  width: 60%;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .links .link1 {
    width: 100%;
  }
}

.servicePage .serviceContainer .links .link2 {
  width: 40%;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .links .link2 {
    width: 100%;
  }
}

.servicePage .serviceContainer .links .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .links .link {
    margin-bottom: 30px;
  }
}

.servicePage .serviceContainer .links .link > div {
  display: inline-block;
}

.servicePage .serviceContainer .links .link .linkContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 20px);
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .links .link .linkContent {
    display: inline-block;
    width: 85%;
  }
}

.servicePage .serviceContainer .links .icon {
  width: 20px;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .links .icon {
    width: 15%;
  }
}

.servicePage .serviceContainer .links .linkName {
  margin: 0 .75em;
  font-weight: bold;
}

.servicePage .serviceContainer .links .linkUrl {
  color: #aa8059;
  font-weight: bold;
  margin-right: .75em;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .links .linkUrl {
    margin-left: .75em;
  }
}

.servicePage .serviceContainer .links .tip {
  font-size: 12px;
  color: #979797;
}

.servicePage .serviceContainer .links .tip.pc {
  display: block;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .links .tip.pc {
    display: none;
  }
}

.servicePage .serviceContainer .links .tip.mobile {
  display: none;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .links .tip.mobile {
    display: block;
    width: 85%;
    margin-left: 15%;
    padding-left: .75em;
  }
}

.servicePage .serviceContainer .links .linkBtn {
  width: 30%;
  cursor: pointer;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .links .linkBtn {
    width: 50%;
    margin: auto;
  }
}

.servicePage .serviceContainer .links .linkBtn2 {
  width: 45%;
}

.servicePage .serviceContainer .serviceTime {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3% auto;
  color: #7f7f7f;
  font-size: 12px;
  font-weight: bold;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .serviceTime {
    width: 85%;
    display: block;
    font-size: 14px;
  }
}

.servicePage .serviceContainer .serviceTime .fbTime {
  width: 70%;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .serviceTime .fbTime {
    width: 100%;
    margin-bottom: 1em;
  }
}

.servicePage .serviceContainer .serviceTime .emailTime {
  width: 30%;
}

@media only screen and (max-width: 950px) {
  .servicePage .serviceContainer .serviceTime .emailTime {
    width: 100%;
  }
}
/*# sourceMappingURL=about.css.map */