/* 各店家形象官網共用css */
.blockTitle {
  text-align: center;
}

.uploadBanner {
  border: black 1px dashed;
  cursor: pointer;
}

.empty {
  border: black 1px dashed;
  text-align: center;
  color: #696969;
}

.banner .empty {
  font-size: 5em;
}

.showcase.empty {
  min-height: 100px;
}

.productEmpty {
  align-self: center;
}

div.banner {
  position: relative;
}

div.banner img {
  width: 95%;
}

div.bannerUpdate,
div.textUpdate,
div.showcaseUpdate {
  position: absolute;
  color: #b6001b;
  right: 0;
  cursor: pointer;
  z-index: 999;
  background-color: white;
}

#bgcolor {
  position: absolute;
  color: #b6001b;
  left: 0;
  cursor: pointer;
  z-index: 999;
  background-color: white;
  display: flex;
  align-items: center;
}

/* showcase選擇器(jquery-confirm) */
span.productSelected,
span.resutls {
  margin: 1rem;
}

#logo a {
  text-decoration: none;
}

.textLogo {
  color: #204a87;
  display: block;
  min-width: 15em;
}

/* misc */
.center {
  text-align: center
}


#footerColor {
  margin: 0;
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  background: #FFF;
  padding: 0.2rem 0;
}

#footerColor .pickr {
  margin: 0;
}

.pickr {
  box-shadow: 3px 3px 5px 0px #AAA;
  border-radius: 5px;
  margin: 0.2rem;
}

#officialShowcaseA, #officialMenu, #officialContent {
  display: flex;
  align-items: center;
  background: #FFF;
  position: absolute;
}

.thisPage {
  font-weight:bold;
}

img {
  max-width: 100% !important;
}

@media screen and (max-width: 800px) {
  #page img, #textA img  {
    height: auto;
  }
  
  #page table, #textA table  {
    width: 100% !important;
    height: auto !important;
  }
}

@media screen and (max-width: 700px) {
  footer {
    justify-content: flex-start;
  }
}