@charset "UTF-8";
.hidden {
  display: none;
}

.question {
  cursor: pointer;
  height: 50px;
  line-height: 50px;
}

@media only screen and (max-width: 1380px) {
  .question {
    height: 50px;
    line-height: 20px;
  }
}

.answerShow {
  background-color: #c9914a;
  color: #fff;
}

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;
}

.entityStoresFAQ {
  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) {
  .entityStoresFAQ {
    padding-bottom: 5%;
  }
}

.entityStoresFAQ .banner {
  width: 100vw;
  height: 300px;
  background-color: #fffaf4;
}

.entityStoresFAQ .banner .faqimg {
  margin: 100px auto;
  width: 244px;
  height: 102px;
}

.entityStoresFAQ .banner .faqimg .faqinput {
  margin-top: 20px;
  -webkit-transform: translateX(-5vw);
          transform: translateX(-5vw);
  width: 350px;
  height: 25px;
  border: none;
  padding-left: 15px;
}

@media only screen and (max-width: 950px) {
  .entityStoresFAQ .banner .faqimg .faqinput {
    -webkit-transform: translateX(-5vw);
            transform: translateX(-5vw);
    width: 70vw;
  }
}

.entityStoresFAQ .storesContainer {
  width: 50vw;
  margin: auto;
}

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

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

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

.entityStoresFAQ .itemsSold2 {
  text-align: left;
  font-size: 20px;
  color: #a5a2a2;
  padding-bottom: 0px;
  border-bottom: 1px  #a5a2a2 solid;
}

@media only screen and (max-width: 950px) {
  .entityStoresFAQ .itemsSold2 {
    font-size: 16px;
  }
}

.entityStoresFAQ .itemsSold2 .itemSold2 {
  padding-right: 30px;
  margin-top: 5px;
  font-weight: 500;
  margin-bottom: 10px;
}

@media only screen and (max-width: 950px) {
  .entityStoresFAQ .itemsSold2 .itemSold2 {
    padding-right: 1px;
  }
}

.entityStoresFAQ .itemsSold2 .itemSold2 .itemRight {
  text-align: right;
  -webkit-transform: translateY(-52px);
          transform: translateY(-52px);
}

.entityStoresFAQ .itemsSold2 .itemSold2 .itemRight::before {
  content: "+";
}

@media only screen and (max-width: 950px) {
  .entityStoresFAQ .itemsSold2 .itemSold2 .itemRight {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

.entityStoresFAQ .itemsSold2 .itemSold2 .itemRightClose {
  text-align: right;
  -webkit-transform: translateY(-52px);
          transform: translateY(-52px);
}

.entityStoresFAQ .itemsSold2 .itemSold2 .itemRightClose::before {
  content: "-";
}

@media only screen and (max-width: 950px) {
  .entityStoresFAQ .itemsSold2 .itemSold2 .itemRightClose {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

.entityStoresFAQ .itemsSold2 .itemSold3 {
  font-weight: 300;
  margin-bottom: 10px;
}

.entityStoresFAQ .itemsSold2 .itemSold3 .itemRight {
  text-align: right;
  -webkit-transform: translateY(-16px);
          transform: translateY(-16px);
}

.entityStoresFAQ .itemsSold2 .itemSold3 .itemContent3 {
  margin-left: 30px;
}

@media only screen and (max-width: 950px) {
  .entityStoresFAQ .itemsSold2 .itemSold3 .itemContent3 {
    margin-left: 10px;
  }
}

.entityStoresFAQ .itemsSold {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  margin: 30px auto 0px;
  padding-bottom: 10px;
  border-bottom: 2px  #a5a2a2 solid;
}

.entityStoresFAQ .itemsSold .itemSold {
  width: 50%;
  margin-bottom: 10px;
}

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

@media only screen and (max-width: 950px) {
  .entityStoresFAQ .itemsSold .itemSold {
    width: 60%;
  }
}

.entityStoresFAQ .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) {
  .entityStoresFAQ .entityStore {
    width: 98%;
  }
}

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

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

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

.entityStoresFAQ .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) {
  .entityStoresFAQ .entityStore .storeInfo {
    width: 100%;
  }
}

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

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

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

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

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

.entityStoresFAQ .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) {
  .entityStoresFAQ .entityStoreMap .mapBtn {
    width: 35%;
    padding: 10px 0;
  }
}

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

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

.entityStoresFAQ .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;
}

.entityStoresFAQ .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: 3% 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 {
    width: 90%;
  }
}

.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 .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=faq.css.map */