@charset "UTF-8";
@import url(jquery-comments.css);
@import url(uikit.min.css);
@import url(uikit-magic.css);
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansTC-Thin.woff2) format("woff2"), url(../fonts/NotoSansTC-Thin.woff) format("woff"), url(../fonts/NotoSansTC-Thin.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansTC-Light.woff2) format("woff2"), url(../fonts/NotoSansTC-Light.woff) format("woff"), url(../fonts/NotoSansTC-Light.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansTC-Regular.woff2) format("woff2"), url(../fonts/NotoSansTC-Regular.woff) format("woff"), url(../fonts/NotoSansTC-Regular.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSansTC-Medium.woff2) format("woff2"), url(../fonts/NotoSansTC-Medium.woff) format("woff"), url(../fonts/NotoSansTC-Medium.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansTC-Bold.woff2) format("woff2"), url(../fonts/NotoSansTC-Bold.woff) format("woff"), url(../fonts/NotoSansTC-Bold.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/NotoSansTC-Black.woff2) format("woff2"), url(../fonts/NotoSansTC-Black.woff) format("woff"), url(../fonts/NotoSansTC-Black.otf) format("opentype");
}
.height-5 {
  height: 5px;
}

.padding-5 {
  padding: 5px;
}

.paddingTB-5 {
  padding: 5px 0;
}

.paddingB-5 {
  padding-bottom: 5px;
}

.paddingL-5 {
  padding-left: 5px;
}

.height-10 {
  height: 10px;
}

.padding-10 {
  padding: 10px;
}

.paddingTB-10 {
  padding: 10px 0;
}

.paddingB-10 {
  padding-bottom: 10px;
}

.paddingL-10 {
  padding-left: 10px;
}

.height-15 {
  height: 15px;
}

.padding-15 {
  padding: 15px;
}

.paddingTB-15 {
  padding: 15px 0;
}

.paddingB-15 {
  padding-bottom: 15px;
}

.paddingL-15 {
  padding-left: 15px;
}

.height-20 {
  height: 20px;
}

.padding-20 {
  padding: 20px;
}

.paddingTB-20 {
  padding: 20px 0;
}

.paddingB-20 {
  padding-bottom: 20px;
}

.paddingL-20 {
  padding-left: 20px;
}

.height-25 {
  height: 25px;
}

.padding-25 {
  padding: 25px;
}

.paddingTB-25 {
  padding: 25px 0;
}

.paddingB-25 {
  padding-bottom: 25px;
}

.paddingL-25 {
  padding-left: 25px;
}

.height-30 {
  height: 30px;
}

.padding-30 {
  padding: 30px;
}

.paddingTB-30, #product #filter {
  padding: 30px 0;
}

.paddingB-30 {
  padding-bottom: 30px;
}

.paddingL-30 {
  padding-left: 30px;
}

.height-35 {
  height: 35px;
}

.padding-35 {
  padding: 35px;
}

.paddingTB-35 {
  padding: 35px 0;
}

.paddingB-35 {
  padding-bottom: 35px;
}

.paddingL-35 {
  padding-left: 35px;
}

.height-40 {
  height: 40px;
}

.padding-40 {
  padding: 40px;
}

.paddingTB-40 {
  padding: 40px 0;
}

.paddingB-40 {
  padding-bottom: 40px;
}

.paddingL-40 {
  padding-left: 40px;
}

.height-45 {
  height: 45px;
}

.padding-45 {
  padding: 45px;
}

.paddingTB-45 {
  padding: 45px 0;
}

.paddingB-45 {
  padding-bottom: 45px;
}

.paddingL-45 {
  padding-left: 45px;
}

.height-50 {
  height: 50px;
}

.padding-50 {
  padding: 50px;
}

.paddingTB-50 {
  padding: 50px 0;
}

.paddingB-50 {
  padding-bottom: 50px;
}

.paddingL-50 {
  padding-left: 50px;
}

.height-55 {
  height: 55px;
}

.padding-55 {
  padding: 55px;
}

.paddingTB-55 {
  padding: 55px 0;
}

.paddingB-55 {
  padding-bottom: 55px;
}

.paddingL-55 {
  padding-left: 55px;
}

.height-60 {
  height: 60px;
}

.padding-60 {
  padding: 60px;
}

.paddingTB-60 {
  padding: 60px 0;
}

.paddingB-60 {
  padding-bottom: 60px;
}

.paddingL-60 {
  padding-left: 60px;
}

.height-65 {
  height: 65px;
}

.padding-65 {
  padding: 65px;
}

.paddingTB-65 {
  padding: 65px 0;
}

.paddingB-65 {
  padding-bottom: 65px;
}

.paddingL-65 {
  padding-left: 65px;
}

.height-70 {
  height: 70px;
}

.padding-70 {
  padding: 70px;
}

.paddingTB-70 {
  padding: 70px 0;
}

.paddingB-70 {
  padding-bottom: 70px;
}

.paddingL-70 {
  padding-left: 70px;
}

.height-75 {
  height: 75px;
}

.padding-75 {
  padding: 75px;
}

.paddingTB-75 {
  padding: 75px 0;
}

.paddingB-75 {
  padding-bottom: 75px;
}

.paddingL-75 {
  padding-left: 75px;
}

section.paddingTB-40:not(.bg-pink-light) + section.paddingTB-40:not(.bg-pink-light), section.paddingTB-40:not(.bg-pink-light) + .paddingTB-40:not(.bg-pink-light) {
  margin-top: 20px;
  padding-top: 40px !important;
  border-top: 1px solid #CCBB77;
}
@media (max-width: 965px) {
  section.paddingTB-40 {
    padding: 20px 0 !important;
  }
}

@media (max-width: 965px) {
  .paddingTB-60 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 640px) {
  .paddingTB-60 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (max-width: 965px) {
  .paddingTB-40 {
    padding: 20px inherit;
  }
}
.paddingTB-40 + .paddingTB-40.bdr-1 {
  border-top: 1px solid #bbb !important;
  padding-top: 40px !important;
}
.paddingTB-40 + .paddingTB-40 {
  padding-top: 0 !important;
}

@media (max-width: 965px) {
  .height-40.uk-clearfix {
    height: 20px;
  }
}

.margin-5 {
  margin: 5px 0;
}

.marginB-5 {
  margin-bottom: 5px;
}

.marginT-5 {
  margin-top: 5px;
}

.marginTB-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin-10 {
  margin: 10px 0;
}

.marginB-10 {
  margin-bottom: 10px;
}

.marginT-10 {
  margin-top: 10px;
}

.marginTB-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-15 {
  margin: 15px 0;
}

.marginB-15 {
  margin-bottom: 15px;
}

.marginT-15 {
  margin-top: 15px;
}

.marginTB-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.margin-20 {
  margin: 20px 0;
}

.marginB-20 {
  margin-bottom: 20px;
}

.marginT-20 {
  margin-top: 20px;
}

.marginTB-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-25 {
  margin: 25px 0;
}

.marginB-25 {
  margin-bottom: 25px;
}

.marginT-25 {
  margin-top: 25px;
}

.marginTB-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.margin-30 {
  margin: 30px 0;
}

.marginB-30 {
  margin-bottom: 30px;
}

.marginT-30 {
  margin-top: 30px;
}

.marginTB-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin-35 {
  margin: 35px 0;
}

.marginB-35 {
  margin-bottom: 35px;
}

.marginT-35 {
  margin-top: 35px;
}

.marginTB-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.margin-40 {
  margin: 40px 0;
}

.marginB-40 {
  margin-bottom: 40px;
}

.marginT-40 {
  margin-top: 40px;
}

.marginTB-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.margin-45 {
  margin: 45px 0;
}

.marginB-45 {
  margin-bottom: 45px;
}

.marginT-45 {
  margin-top: 45px;
}

.marginTB-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.margin-50 {
  margin: 50px 0;
}

.marginB-50 {
  margin-bottom: 50px;
}

.marginT-50 {
  margin-top: 50px;
}

.marginTB-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.noMargin {
  margin: 0 !important;
}

@media (min-width: 1026px) {
  .marginT-xl {
    margin-top: 20px !important;
  }
}

@media (min-width: 1026px) {
  .marginB-xl {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1025px) {
  .marginT-l {
    margin-top: 20px !important;
  }
}

@media (max-width: 1025px) {
  .marginB-l {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 965px) {
  .marginT-m {
    margin-top: 20px !important;
  }
}

@media (max-width: 965px) {
  .marginB-m {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 640px) {
  .marginT-s {
    margin-top: 20px !important;
  }
}

@media (max-width: 640px) {
  .marginB-s {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 480px) {
  .marginT-xs {
    margin-top: 20px !important;
  }
}

@media (max-width: 480px) {
  .marginB-xs {
    margin-bottom: 20px !important;
  }
}

.leftToRight-l {
  text-align: left;
}

.leftToCenter-l {
  text-align: left;
}

.rightToCenter-l {
  text-align: right;
}
@media (max-width: 1025px) {
  .rightToCenter-l {
    text-align: center !important;
  }
}

.rightToLeft-l {
  text-align: right;
}
@media (max-width: 1025px) {
  .rightToLeft-l {
    text-align: left !important;
  }
}

.centerToLeft-l {
  text-align: center;
}
@media (max-width: 1025px) {
  .centerToLeft-l {
    text-align: left !important;
  }
}

.centerToRight-l {
  text-align: center;
}
@media (max-width: 1025px) {
  .centerToRight-l {
    text-align: right !important;
  }
}

.leftToRight-m {
  text-align: left;
}
@media (max-width: 965px) {
  .leftToRight-m {
    text-align: right !important;
  }
}

.leftToCenter-m {
  text-align: left;
}

.rightToCenter-m {
  text-align: right;
}
@media (max-width: 965px) {
  .rightToCenter-m {
    text-align: center !important;
  }
}

.rightToLeft-m {
  text-align: right;
}
@media (max-width: 965px) {
  .rightToLeft-m {
    text-align: left !important;
  }
}

.centerToLeft-m {
  text-align: center;
}
@media (max-width: 965px) {
  .centerToLeft-m {
    text-align: left !important;
  }
}

.centerToRight-m {
  text-align: center;
}
@media (max-width: 965px) {
  .centerToRight-m {
    text-align: right !important;
  }
}

.leftToRight-s {
  text-align: left;
}
@media (max-width: 640px) {
  .leftToRight-s {
    text-align: right !important;
  }
}

.leftToCenter-s {
  text-align: left;
}
@media (max-width: 640px) {
  .leftToCenter-s {
    text-align: center !important;
  }
}

.rightToCenter-s {
  text-align: right;
}
@media (max-width: 640px) {
  .rightToCenter-s {
    text-align: center !important;
  }
}

.rightToLeft-s {
  text-align: right;
}
@media (max-width: 640px) {
  .rightToLeft-s {
    text-align: left !important;
  }
}

.centerToLeft-s {
  text-align: center;
}
@media (max-width: 640px) {
  .centerToLeft-s {
    text-align: left !important;
  }
}

.centerToRight-s {
  text-align: center;
}
@media (max-width: 640px) {
  .centerToRight-s {
    text-align: right !important;
  }
}

.leftToRight-xs {
  text-align: left;
}
@media (max-width: 480px) {
  .leftToRight-xs {
    text-align: right !important;
  }
}

.leftToCenter-xs {
  text-align: left;
}
@media (max-width: 480px) {
  .leftToCenter-xs {
    text-align: center !important;
  }
}

.rightToCenter-xs {
  text-align: right;
}
@media (max-width: 480px) {
  .rightToCenter-xs {
    text-align: center !important;
  }
}

.rightToLeft-xs {
  text-align: right;
}
@media (max-width: 480px) {
  .rightToLeft-xs {
    text-align: left !important;
  }
}

.centerToLeft-xs {
  text-align: center;
}
@media (max-width: 480px) {
  .centerToLeft-xs {
    text-align: left !important;
  }
}

.centerToRight-xs {
  text-align: center;
}
@media (max-width: 480px) {
  .centerToRight-xs {
    text-align: right !important;
  }
}

@-webkit-keyframes bg-pink-ani {
  0% {
    background-color: #f0adcb;
  }
  100% {
    background-color: #f0247f;
  }
}
@-moz-keyframes bg-pink-ani {
  0% {
    background-color: #f0adcb;
  }
  100% {
    background-color: #f0247f;
  }
}
@keyframes bg-pink-ani {
  0% {
    background-color: #f0adcb;
  }
  100% {
    background-color: #f0247f;
  }
}
.text-animation-deepPink {
  animation-name: color-deepPink;
  animation-duration: 3s;
  animation-iteration-count: 4;
}

@-webkit-keyframes color-deepPink {
  0% {
    color: inherit;
  }
  50% {
    color: #FFA500;
    font-weight: 900;
  }
  80% {
    color: #f0247f;
    font-weight: 900;
  }
  100% {
    color: inherit;
  }
}
@-moz-keyframes color-deepPink {
  0% {
    color: inherit;
  }
  50% {
    color: #FFA500;
    font-weight: 900;
  }
  80% {
    color: #f0247f;
    font-weight: 900;
  }
  100% {
    color: inherit;
  }
}
@keyframes color-deepPink {
  0% {
    color: inherit;
  }
  50% {
    color: #FFA500;
    font-weight: 900;
  }
  80% {
    color: #f0247f;
    font-weight: 900;
  }
  100% {
    color: inherit;
  }
}
.animation-upDown {
  animation-name: upDown;
  animation-duration: 2s;
  animation-iteration-count: 1;
}

@-webkit-keyframes upDown {
  0% {
    -webkit-transform: translate(0px, -40px);
    -moz-transform: translate(0px, -40px);
    -o-transform: translate(0px, -40px);
    -ms-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
  }
  20% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  30% {
    -webkit-transform: translate(0px, -40px);
    -moz-transform: translate(0px, -40px);
    -o-transform: translate(0px, -40px);
    -ms-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes upDown {
  0% {
    -webkit-transform: translate(0px, -40px);
    -moz-transform: translate(0px, -40px);
    -o-transform: translate(0px, -40px);
    -ms-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
  }
  20% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  30% {
    -webkit-transform: translate(0px, -40px);
    -moz-transform: translate(0px, -40px);
    -o-transform: translate(0px, -40px);
    -ms-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes upDown {
  0% {
    -webkit-transform: translate(0px, -40px);
    -moz-transform: translate(0px, -40px);
    -o-transform: translate(0px, -40px);
    -ms-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
  }
  20% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  30% {
    -webkit-transform: translate(0px, -40px);
    -moz-transform: translate(0px, -40px);
    -o-transform: translate(0px, -40px);
    -ms-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
.bdr-1 {
  border-width: 1px;
}

.bdr-2 {
  border-width: 2px;
}

.bdr-3 {
  border-width: 3px;
}

.bdr-4 {
  border-width: 4px;
}

.bdr-5 {
  border-width: 5px;
}

.bdr-6 {
  border-width: 6px;
}

.bdr-solid {
  border-style: solid;
}

.bdr-dashed {
  border-style: dashed;
}

.bdr-grey {
  border-color: #bbb;
}

.bdr-silver {
  border-color: #d9d9d9;
}

.bdr-dark {
  border-color: #888;
}

.bdr-light-grey {
  border-color: rgba(136, 136, 136, 0.2);
}

.bdr-pink-light {
  border-color: #faf0f4;
}

.bdr-deep-pink {
  border-color: #f0247f;
}

.bdr-pink {
  border-color: #f0adcb;
}

.bdr-left {
  border-width: 0 0 0 7px;
}

.bdr1-TB {
  border-width: 1px 0;
}

.bdr2-TB {
  border-width: 2px 0;
}

.bdr3-TB {
  border-width: 3px 0;
}

.lh-normal {
  line-height: 1 !important;
}
.lh-normal.uk-h1 {
  vertical-align: middle;
  line-height: 1.3 !important;
}
.lh-normal.uk-h1 > a.uk-button {
  min-width: 90px;
}
.lh-normal.uk-h2 {
  line-height: 1.3 !important;
}

.text-normal {
  font-weight: normal !important;
}

.text-pink-light {
  color: #faf0f4 !important;
}
.text-pink-light a {
  color: #faf0f4 !important;
}

.text-pink {
  color: #f0adcb;
}
.text-pink a {
  color: #f0adcb !important;
}

.uk-h1.text-deep-pink > a {
  font-size: 1rem;
  color: #888 !important;
}

.text-deep-pink, a.text-deep-pink {
  color: #CCBB77 !important;
}
.text-deep-pink a, a.text-deep-pink a {
  color: #f0247f !important;
}

a.text-deep-pink:hover {
  color: #a30b4f !important;
}

.text-PaleVioletRed {
  color: #b8658d !important;
}
.text-PaleVioletRed a {
  color: #b8658d !important;
}

.text-red {
  color: #FF2400 !important;
}

.text-bk {
  color: #000 !important;
}

.text-dark {
  color: #888;
}

.text-grey {
  color: #bbb;
}

.text-orange {
  color: #FFA500;
}

.text-yellow {
  color: #FFFF00;
}

.text-golden {
  color: #FFCC66;
}

.text-light-yellow {
  color: #f9f3e2;
}

.text-deepSkyBlue {
  color: #5BC7EB;
}

.text-marineBlue {
  color: #4267B2;
}
.text-marineBlue a {
  color: #4267B2 !important;
}

.title-bdrL[class*='text-'] {
  padding-left: 10px;
}
@media (max-width: 480px) {
  .title-bdrL[class*='text-'] > span {
    display: block;
    font-size: 1.3rem;
  }
}
.title-bdrL.text-bk {
  border-left: 8px solid #000;
}
.title-bdrL.text-dark {
  border-left: 8px solid #888;
}
.title-bdrL.text-pink {
  border-left: 8px solid #f0adcb;
}

.dollar {
  font-family: "Archivo", sans-serif;
}
.dollar:before {
  content: '$';
  font-size: 90%;
  padding-right: 2px;
  font-weight: normal !important;
}

.one-lines, .two-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  z-index: 1;
}

.one-lines {
  -webkit-line-clamp: 1;
}

.two-lines {
  -webkit-line-clamp: 2;
}
.two-lines.uk-h5 {
  height: 40px;
}
.two-lines.uk-h2 {
  max-height: 70px;
}

.uk-description-list-horizontal {
  overflow: hidden;
  margin: 0;
}
.uk-description-list-horizontal > dt {
  width: 80px;
  float: left;
  clear: both;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #bbb;
}
.uk-description-list-horizontal > dd {
  margin-left: 90px;
}
.uk-description-list-horizontal > dd.text-deep-pink, .uk-description-list-horizontal > dd .text-deep-pink {
  color: #f0247f !important;
}
.uk-description-list-horizontal > dt, .uk-description-list-horizontal > dd {
  line-height: 1.9;
}
@media (max-width: 640px) {
  .uk-description-list-horizontal > dt, .uk-description-list-horizontal > dd {
    line-height: 1.2;
  }
}
@media (max-width: 480px) {
  .uk-description-list-horizontal > dt, .uk-description-list-horizontal > dd {
    margin-top: 5px;
  }
}
.uk-description-list-horizontal.len5 > dt {
  width: 96px;
}
.uk-description-list-horizontal.len5 > dd {
  margin-left: 106px;
}

.list {
  padding-left: 25px;
}
.list li + li {
  margin-top: 5px;
}

.tabBtn.uk-tab > li > a {
  border: 1px solid #bbb;
  text-align: center;
  text-decoration: none !important;
}
.tabBtn.uk-tab > li.uk-active > a {
  border: 1px solid #f0247f;
}
.tabBtn.uk-tab.uk-grid-md {
  margin-left: -20px;
}

.uk-tab-grid.bg-rose > li > a {
  padding: 12px;
}
.uk-tab-grid.bg-rose > li.uk-active > a {
  background-color: #ECCACA !important;
  text-decoration: none;
}

.tab-dark.uk-nav > li.uk-button-dropdown.uk-open > a {
  background-color: #6f6f6f !important;
}
.tab-dark.uk-nav > li.uk-button-dropdown > a {
  color: #fff;
  padding: 10px 15px;
  background-color: #555555;
  text-decoration: none;
}
.tab-dark.uk-nav > li.uk-button-dropdown > a i {
  vertical-align: middle;
}
.tab-dark.uk-nav > li.uk-button-dropdown .uk-dropdown {
  padding: 10px;
  color: #fff;
  background-color: #6f6f6f;
  border: none;
  vertical-align: top;
  width: 100%;
}
@media (max-width: 965px) {
  .tab-dark.uk-nav > li.uk-button-dropdown .uk-dropdown {
    min-width: 200px;
  }
}
@media (max-width: 640px) {
  .tab-dark.uk-nav > li.uk-button-dropdown .uk-dropdown {
    width: 100%;
  }
}
.tab-dark.uk-nav > li.uk-button-dropdown .uk-dropdown.uk-dropdown-bottom {
  margin-top: 1px;
}
.tab-dark.uk-nav > li.uk-button-dropdown .uk-dropdown .uk-nav {
  margin: 0 0 0 -15px;
}
.tab-dark.uk-nav > li.uk-button-dropdown .uk-dropdown .uk-nav > li .uk-nav-sub {
  margin: 0 0 0 -15px;
}
.tab-dark.uk-nav > li.uk-button-dropdown .uk-dropdown .uk-nav > li + li {
  margin-top: 5px;
}
.tab-dark.uk-nav > li.uk-button-dropdown .uk-dropdown a {
  color: #fff !important;
}

.tableBgDiv {
  text-align: center;
  padding: 20px;
}
.tableBgDiv:nth-child(odd) {
  background-color: #fff;
}

.list-order {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px dashed #bbb;
  display: block;
}
.list-order .uk-description-list-horizontal > dd {
  color: #000;
}
.list-order .uk-description-list-horizontal > dd.text-red {
  color: #FF2400 !important;
}
@media (max-width: 480px) {
  .list-order .uk-description-list-horizontal > dd.uk-text-truncate {
    overflow: auto;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.3;
  }
}

.list-order0 {
  display: block;
}
.list-order0 + .list-order0 {
  border-top: 1px dashed #bbb;
  padding-top: 15px;
  margin-top: 15px;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  .list-order0 > .uk-grid > [class*='width-lg-1-3']:not(:nth-child(-n+3)) {
    margin-top: 0;
  }
}
@media (max-width: 640px) {
  .list-order0 > .uk-grid > [class*='width-sm-1-2']:not(:nth-child(-n+2)) {
    margin-top: 10px;
  }
  .list-order0 > .uk-grid > * {
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .list-order0 > .uk-grid > *:first-child {
    margin-top: 0;
  }
}
@media (max-width: 640px) {
  .list-order0 > .uk-grid > [class^='uk-width-'] > .uk-grid > [class*='width-sm-1-2']:not(:nth-child(-n+2)) {
    margin-top: 10px;
  }
}
@media (max-width: 640px) {
  .list-order0 > .uk-grid > [class^='uk-width-'] > .uk-grid > *:not(:first-child) {
    margin-top: 10px;
  }
}
.list-order0 .uk-description-list-horizontal > dd {
  color: #000;
}
.list-order0 .uk-description-list-horizontal > dd > .uk-icon-star {
  color: #bbb;
}
.list-order0 .uk-description-list-horizontal > dd > .uk-icon-star.text-golden {
  color: #FFCC66;
}
.list-order0 .uk-description-list-horizontal > dd.text-red {
  color: #FF2400 !important;
}
@media (max-width: 480px) {
  .list-order0 .uk-description-list-horizontal > dd.uk-text-truncate {
    overflow: auto;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.3;
  }
}

@media screen and (min-width: 481px) and (max-width: 640px) {
  .list-order1 .uk-grid-md > [class*='-sm-1-2']:not(:nth-child(-n+2)) {
    margin-top: 10px;
  }
  .list-order1 .uk-grid-md > [class*='-1-1'] {
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .list-order1 .uk-grid-md > *:not(:first-child) {
    margin-top: 10px;
  }
}
.list-order1 .uk-grid-md > * .uk-description-list-horizontal > *:not(:nth-child(1)), .list-order1 .uk-grid-md > * .uk-description-list-horizontal > *:not(:nth-child(2)) {
  margin-top: 0;
}
@media (max-width: 640px) {
  .list-order1 .uk-description-list-horizontal > *:not(:nth-child(1)), .list-order1 .uk-description-list-horizontal > *:not(:nth-child(2)) {
    margin-top: 10px;
  }
}
.list-order1 + .list-order1 {
  border-top: 1px dashed #bbb;
  padding-top: 20px;
  margin-top: 20px;
}

.list-order2 {
  display: block;
}
.list-order2 + .list-order2 {
  border-top: 1px dashed #bbb;
  padding-top: 15px;
  margin-top: 15px;
}
.list-order2 .uk-grid > [class*='width-lg-1-3']:not(:nth-child(-n+3)) {
  margin-top: 0;
}
@media (max-width: 965px) {
  .list-order2 .uk-grid > [class*='width-md-1-2']:not(:nth-child(-n+2)) {
    margin-top: 0;
  }
}
@media (max-width: 640px) {
  .list-order2 .uk-grid > *:not(:first-child) {
    margin-top: 10px !important;
  }
}
@media (max-width: 640px) {
  .list-order2 .uk-description-list-horizontal > dt, .list-order2 .uk-description-list-horizontal > dd {
    line-height: 1;
  }
}
.list-order2 .uk-description-list-horizontal > dd {
  color: #000;
}

.list-order-edit {
  line-height: 2;
  background-color: transparent;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-bottom: 1px dashed #bbb;
  padding-bottom: 15px;
}
.list-order-edit + .list-order-edit {
  padding-top: 15px;
}
.list-order-edit:first-child {
  border-top: 1px dashed #bbb;
  padding-top: 15px;
}
.list-order-edit.uk-active {
  background-color: rgba(255, 206, 168, 0.2);
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  .list-order-edit .uk-grid-md [class*='width-lg-1-2']:not(:nth-child(-n+2)) {
    margin-top: 0;
  }
  .list-order-edit .uk-grid-md [class*='width-lg-1-3']:not(:nth-child(-n+3)) {
    margin-top: 0;
  }
}
@media screen and (min-width: 641px) and (max-width: 965px) {
  .list-order-edit .uk-grid-md [class*='width-md-1-3']:not(:nth-child(-n+3)) {
    margin-top: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 640px) {
  .list-order-edit .uk-grid-md [class*='width-sm-1-2']:not(:nth-child(-n+2)) {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .list-order-edit {
    line-height: 1.4;
  }
  .list-order-edit .uk-grid-md [class*='width-xs-1-2']:not(:nth-child(-n+2)) {
    margin-top: 0;
  }
  .list-order-edit .uk-grid-md > *:not(:first-child) {
    margin-top: 5px !important;
  }
}
@media (max-width: 480px) {
  .list-order-edit a.text-bk {
    display: inline-block;
    float: left;
    max-width: 78%;
  }
}
.list-order-edit .text-grey {
  color: #bbb;
}
@media (max-width: 480px) {
  .list-order-edit .text-grey {
    display: inline-block;
    float: left;
  }
}

.uk-accordion-title {
  margin-top: 0;
  cursor: pointer;
}

.uk-accordion-content > * {
  margin-top: 10px;
}
.uk-accordion-content:after, .uk-accordion-content:before {
  content: "";
  display: table;
}
.uk-accordion-content:after {
  clear: both;
}
.uk-accordion-content > :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 966px) and (max-width: 1025px) {
  #aside-menu .uk-h2, #member #member-menu .uk-h2 {
    font-size: 1.8rem !important;
  }
}
#aside-menu.uk-offcanvas, #member .uk-offcanvas#member-menu {
  background-color: rgba(21, 9, 15, 0.5);
}
#aside-menu.uk-offcanvas > .uk-offcanvas-bar, #member .uk-offcanvas#member-menu > .uk-offcanvas-bar {
  background-color: #faf0f4;
}
#aside-menu .uk-sticky-placeholder, #member #member-menu .uk-sticky-placeholder {
  height: auto;
  min-height: 400px;
  display: block;
}
#aside-menu [data-uk-sticky].uk-active, #member #member-menu [data-uk-sticky].uk-active {
  z-index: 2;
}
@media (max-width: 965px) {
  #aside-menu .bdr-solid, #member #member-menu .bdr-solid {
    border: none;
  }
}
#aside-menu .uk-nav ul.uk-nav-sub, #member #member-menu .uk-nav ul.uk-nav-sub {
  list-style: disc;
  padding: 20px;
  margin-left: 10px;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  #aside-menu .uk-nav ul.uk-nav-sub, #member #member-menu .uk-nav ul.uk-nav-sub {
    padding: 10px;
    list-style: none;
    font-size: 1rem;
  }
}
#aside-menu .uk-nav ul.uk-nav-sub > li + li, #member #member-menu .uk-nav ul.uk-nav-sub > li + li {
  margin-top: 5px;
}
#aside-menu .uk-nav ul.uk-nav-sub > li a, #member #member-menu .uk-nav ul.uk-nav-sub > li a {
  text-decoration: underline;
  color: #888;
}
#aside-menu .uk-nav ul.uk-nav-sub > li a:hover, #member #member-menu .uk-nav ul.uk-nav-sub > li a:hover {
  color: #b8658d;
}
#aside-menu .uk-nav.uk-nav-side > li.uk-parent > a, #member #member-menu .uk-nav.uk-nav-side > li.uk-parent > a {
  background-color: #f0adcb;
  border-top: 1px solid #faf0f4;
  color: #fff;
  line-height: 36px;
  font-size: 20px;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  #aside-menu .uk-nav.uk-nav-side > li.uk-parent > a, #member #member-menu .uk-nav.uk-nav-side > li.uk-parent > a {
    font-size: 20px;
  }
}
#aside-menu .uk-nav.uk-nav-side > li.uk-parent:first-child > a, #member #member-menu .uk-nav.uk-nav-side > li.uk-parent:first-child > a {
  border-top: none;
}

[class^='bg-'] a {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.bg-white {
  background-color: #fff;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  .bg-white .uk-grid-md [class*='width-lg-1-2']:not(:nth-child(-n+2)) {
    margin-top: 0;
  }
}
.bg-white.notes {
  border-left: 10px solid #f0adcb;
  padding: 15px;
}
.bg-white.notes .uk-button-deepSkyBlue {
  border: 1px solid #5BC7EB;
}
@media (min-width: 481px) {
  .bg-white.notes .uk-button:not(.uk-button-sm) br {
    display: none;
  }
}
@media (max-width: 480px) {
  .bg-white.notes .uk-button:not(.uk-button-sm) {
    line-height: 22px;
    min-height: 20px;
    padding: 10px 0;
  }
}
.bg-white.notesBdr-grey {
  padding: 25px 20px;
  border-left: 10px solid #bbb;
}
@media (max-width: 965px) {
  .bg-white.notesBdr-grey {
    border-left-color: transparent;
  }
}
@media (max-width: 480px) {
  .bg-white.notesBdr-grey .uk-grid-collapse .uk-button {
    line-height: 22px;
    min-height: 37px;
    padding: 3px 12px;
  }
}
.bg-white.notesBdr-grey .paddingTB-10 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.bg-white.notesBdr-grey .paddingTB-10 + .paddingTB-10 {
  border-top: 1px dashed #bbb !important;
  padding-top: 25px;
}
.bg-white.notesBdr-grey .paddingTB-10:first-child {
  padding-top: 0;
}

.bg-lightCyan {
  background-color: #D1E6E4;
}

.bg-lightGrey {
  background-color: #f2f2f2;
}

.bg-grey {
  background-color: #bbb;
}

.bg-silver {
  background-color: #ccc;
}

.bg-cadetBlue {
  background-color: #98CDC9;
  color: #fff;
}
.bg-cadetBlue a {
  color: #fff;
}

.bg-purple {
  background-color: #B8658D;
}

.bg-pink-light {
  background-color: #3e3e3e9e;
}

.bg-rose {
  background-color: #ecdbdb;
}
.bg-rose input, .bg-rose select {
  background-color: white !important;
}

.bg-pink, .bubbler-pink {

    background: #9d8c47;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9d8c47), color-stop(100%, #e9cb50));
    background-image: -webkit-linear-gradient(#9d8c47, #e9cb50);
    background-image: -moz-linear-gradient(#9d8c47, #e9cb50);
    background-image: -o-linear-gradient(#9d8c47, #e9cb50);
    background-image: linear-gradient(#9d8c47, #e9cb50);
  color: #fff !important;
}
.bg-pink a, .bubbler-pink a {
  color: #fff;
  text-decoration: none;
}
.bg-pink a:hover, .bubbler-pink a:hover {
  color: #f0247f;
}

.bg-light-yellow {
  background-color: #f9f3e2;
}

.bg-golden {
  background-color: #FFCC66;
  color: #fff;
}
.bg-golden a {
  color: #fff;
}

.bg-yellow {
  background-color: #FFF0F5;
}

.bg-spricot {
  background-color: #FFCEA8;
}

.bg-deepSkyBlue {
  background-color: #5BC7EB;
  color: #fff;
}
.bg-deepSkyBlue a {
  color: #fff;
}

.bg-lightBlue {
  background-color: #C5EBF8;
}

.bg-light-yellow {
  background-color: #FFF0F5;
}

.bg-PaleVioletRed {
  background-color: #b8658d;
}

.bg-dark {
  background-color: #888;
  color: #fff;
}
.bg-dark a {
  color: #fff;
}

.bg-bk {
  background-color: #000;
  color: #fff;
}
.bg-bk a {
  color: #fff;
}

.shadow {
  box-shadow: 0 2px 4px rgba(187, 187, 187, 0.8);
}

a.uk-button {
  text-decoration: none !important;
}
a + .uk-button {
  margin-left: 10px;
}

.uk-grid-collapse .uk-button {
  border-width: 1px;
  border-style: solid;
  min-height: 35px;
  line-height: 35px;
}

.uk-button {
  -webkit-appearance: none;
  margin: 0;
  border: none;
  overflow: visible;
  font: inherit;
  color: #888;
  text-transform: none;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 12px;
  vertical-align: middle;
  line-height: 37px;
  min-height: 37px;
  font-size: 1rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.uk-button + .uk-button {
  margin-left: 7px;
}
.uk-button:not(:disabled) {
  cursor: pointer;
}
.uk-button:focus, .uk-button:hover {
  color: #888;
  outline: 0;
  text-decoration: none;
}
.uk-button.uk-active, .uk-button:active {
  background-color: #ddd;
  color: #888;
}
.uk-button.uk-button-mini {
  min-height: 20px;
  padding: 0 6px;
  line-height: 20px;
  font-size: 11px;
}
.uk-button.uk-button-sm {
  min-height: 27px;
  padding: 0 10px;
  line-height: 27px;
  font-size: .8rem;
}
@media (max-width: 480px) {
  .uk-button.uk-button-sm {
    min-height: 20px;
    display: inline-block;
  }
}
.uk-button.uk-button-lg {
  min-height: 45px;
  padding: 0 15px;
  line-height: 45px;
  font-size: 20px;
}
@media (max-width: 384px) {
  .uk-button.uk-button-lg {
    min-height: 40px;
    font-style: 18px;
    line-height: 40px;
  }
  .uk-button.uk-button-lg.uk-button-width {
    min-width: 100%;
  }
}
@media (max-width: 384px) and (max-width: 480px) {
  .uk-button.uk-button-lg.uk-button-width {
    min-width: 80px;
  }
}
@media (max-width: 384px) {
  .uk-button.uk-button-lg.uk-button-width + + .uk-button-lg.uk-button-width {
    margin-left: 0;
    margin-top: 10px;
  }
}
.uk-button.uk-button-width {
  min-width: 130px;
}

@media (max-width: 480px) {
  .button-lg-group .uk-button-lg {
    width: 100%;
  }
  .button-lg-group .uk-button-lg + .uk-button-lg {
    margin-left: 0;
    margin-top: 10px;
  }
}

.button-status:before, input.button-status:before {
  content: '';
  font-family: FontAwesome;
  margin-right: 3px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.button-status.uk-active:before, input.button-status.uk-active:before {
  content: '\f00c';
}

button.uk-button-lightGrey, .uk-button-lightGrey {
  background-color: rgba(187, 187, 187, 0.4);
  color: #888;
}
button.uk-button-lightGrey:focus, button.uk-button-lightGrey:hover, .uk-button-lightGrey:focus, .uk-button-lightGrey:hover {
  background-color: #bfbfbf;
  color: #fff;
}
button.uk-button-lightGrey.uk-active, button.uk-button-lightGrey:active, .uk-button-lightGrey.uk-active, .uk-button-lightGrey:active {
  background-color: rgba(187, 187, 187, 0.4);
  color: #888;
}

.uk-grid-collapse .uk-button-grey {
  border-color: #888888;
}

.uk-button-grey {
  background-color: rgba(187, 187, 187, 0.4);
  color: #888;
}
.uk-button-grey:focus, .uk-button-grey:hover {
  background-color: #888888;
  color: #fff;
}
.uk-button-grey.uk-active, .uk-button-grey:active {
  background-color: rgba(187, 187, 187, 0.4);
  color: #888;
}

.uk-grid-collapse .uk-button-bdr-grey {
  border-color: #888888;
}

.uk-button-bdr-grey {
  background-color: transparent;
  color: #888888;
  border: 1px solid #bbb;
}
.uk-button-bdr-grey:focus, .uk-button-bdr-grey:hover {
  background-color: rgba(136, 136, 136, 0.2);
  border: 1px solid #6f6f6f;
  color: #6f6f6f;
}
.uk-button-bdr-grey.uk-active, .uk-button-bdr-grey:active {
  background-color: transparent;
  color: #bbb;
}

.uk-grid-collapse .uk-button-dark {
  border-color: #888;
}

.uk-button-dark {
  background-color: #888;
  color: #fff;
}
.uk-button-dark:focus, .uk-button-dark:hover {
  background-color: rgba(136, 136, 136, 0.5);
  color: #fff;
}
.uk-button-dark.uk-active, .uk-button-dark:active {
  background-color: #888;
  color: #fff;
}
.uk-button-dark.uk-icon-button {
  background-color: #555555 !important;
  color: #fff !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 0;
}

.uk-button-bdr-dark {
  background-color: transparent;
  color: #888;
  border: 1px solid #888;
}
.uk-button-bdr-dark:focus, .uk-button-bdr-dark:hover {
  background-color: rgba(136, 136, 136, 0.2);
  color: #888;
}
.uk-button-bdr-dark.uk-active, .uk-button-bdr-dark:active {
  background-color: transparent;
  color: #888;
}

.uk-grid-collapse .uk-button-white {
  border-color: rgba(187, 187, 187, 0.9);
  border-left: none;
}

.uk-button-white {
  background-color: #fff;
  color: #888;
}
.uk-button-white:focus, .uk-button-white:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #888;
}
.uk-button-white.uk-active, .uk-button-white:active {
  background-color: #fff;
  color: #888;
}

.uk-button-golden {
  background-color: #a5a4a4;
  color: #fff !important;
}
.uk-button-golden:focus, .uk-button-golden:hover {
  background-color: #ffaa00;
  color: #fff;
}
.uk-button-golden.uk-active, .uk-button-golden:active {
  background-color: #FFCC66;
  color: #fff;
}
.uk-button-golden:disabled {
  background-color: rgba(255, 204, 102, 0.5);
}

.uk-button-yellow {
  background-color: #FFFF00;
  color: #fff;
}
.uk-button-yellow:focus, .uk-button-yellow:hover {
  background-color: #999900;
  color: #fff;
}
.uk-button-yellow.uk-active, .uk-button-yellow:active {
  background-color: #FFFF00;
  color: #fff;
}

.uk-button-lightCyan {
  background-color: #D1E6E4;
  color: #7eb9b4;
}
.uk-button-lightCyan:focus, .uk-button-lightCyan:hover {
  background-color: #8fc2bd;
  color: #fff;
}
.uk-button-lightCyan.uk-active, .uk-button-lightCyan:active {
  background-color: #D1E6E4;
  color: #7eb9b4;
}

.uk-button-purple {
  background-color: #B8658D;
  color: #fff;
}
.uk-button-purple:focus, .uk-button-purple:hover {
  background-color: rgba(184, 101, 141, 0.5);
  color: #fff;
}
.uk-button-purple.uk-active, .uk-button-purple:active {
  background-color: #B8658D;
  color: #fff;
}

.uk-button-PaleViolet-Red {
  background-color: #b8658d;
  color: #fff;
}
.uk-button-PaleViolet-Red:focus, .uk-button-PaleViolet-Red:hover {
  background-color: rgba(184, 101, 141, 0.5);
  color: #fff;
}
.uk-button-PaleViolet-Red.uk-active, .uk-button-PaleViolet-Red:active {
  background-color: #b8658d;
  color: #fff;
}

.uk-grid-collapse .uk-button-pink {
  border-color: rgba(202,172,64,.9);
}

.uk-button-pink {
  background-color: rgba(202,172,64,.9);
  color: #fff;
}
.uk-button-pink:focus, .uk-button-pink:hover {
  background-color: #ddad00;
  color: #fff;
}
.uk-button-pink.uk-active, .uk-button-pink:active {
  background-color: #ddad00;
  color: #fff;
}

.uk-grid-collapse .uk-button-deep-pink {
  border-color: #f0247f;
}

.uk-button-deep-pink, input.uk-button-deep-pink {
  background-color: #f0247f !important;
  color: #fff;
}
.uk-button-deep-pink:focus, .uk-button-deep-pink:hover, input.uk-button-deep-pink:focus, input.uk-button-deep-pink:hover {
  background-color: #bb0d5a !important;
  color: #fff;
}
.uk-button-deep-pink.uk-active, .uk-button-deep-pink:active, input.uk-button-deep-pink.uk-active, input.uk-button-deep-pink:active {
  background-color: #f0247f !important;
  color: #fff;
}
.uk-button-deep-pink:disabled, input.uk-button-deep-pink:disabled {
  background-color: rgba(240, 36, 127, 0.5) !important;
  color: #fff !important;
  cursor: not-allowed;
}

.uk-button-deepSkyBlue {
  background-color: #5BC7EB;
  color: #fff;
}
.uk-button-deepSkyBlue:focus, .uk-button-deepSkyBlue:hover {
  background-color: #189cc8;
  color: #fff;
}
.uk-button-deepSkyBlue.uk-active, .uk-button-deepSkyBlue:active {
  background-color: #5BC7EB;
  color: #fff;
}

.uk-button-bdr-deepSkyBlue {
  background-color: transparent;
  color: #5BC7EB;
  border: 1px solid #5BC7EB;
}
.uk-button-bdr-deepSkyBlue:focus, .uk-button-bdr-deepSkyBlue:hover {
  background-color: rgba(91, 199, 235, 0.3);
  color: #5BC7EB;
}
.uk-button-bdr-deepSkyBlue.uk-active, .uk-button-bdr-deepSkyBlue:active {
  background-color: transparent;
  color: #5BC7EB;
}

.uk-button-white {
  background-color: #fff;
  color: #888;
}
.uk-button-white:focus, .uk-button-white:hover {
  background-color: #fff;
  color: #000;
}
.uk-button-white.uk-active, .uk-button-white:active {
  background-color: #fff;
  color: #888;
}

.uk-button-width {
  min-width: 130px;
}

.shareBtn > p {
  margin-bottom: 5px;
}
.shareBtn .uk-icon-button {
  background-color: rgba(136, 136, 136, 0.7);
  color: #fff;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 1.5rem;
}
.shareBtn .uk-icon-button:focus, .shareBtn .uk-icon-button:hover {
  background-color: rgba(136, 136, 136, 0.9);
}
.shareBtn .uk-icon-button + .uk-icon-button {
  margin-left: 5px;
}

#editBtns [class*=uk-grid-width] > * {
  box-sizing: border-box;
  padding: 0 0 10px;
}

@media (min-width: 1026px) {
  .uk-flex .uk-flex-first-xl {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex .uk-flex-last-xl {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  .uk-flex .uk-flex-first-lg {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex .uk-flex-last-lg {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
@media screen and (min-width: 641px) and (max-width: 965px) {
  .uk-flex .uk-flex-first-md {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex .uk-flex-last-md {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
@media screen and (min-width: 481px) and (max-width: 640px) {
  .uk-flex .uk-flex-first-sm {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex .uk-flex-last-sm {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
@media (max-width: 480px) {
  .uk-flex .uk-flex-first-xs {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex .uk-flex-last-xs {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}

.uk-form .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.uk-form .label {
  padding-top: 7px;
}
@media (max-width: 640px) {
  .uk-form .label {
    padding-top: 0;
    padding-bottom: 7px;
  }
}
.uk-form .label input[type=tel], .uk-form .label input[type=text] {
  margin-top: -7px;
}
.uk-form .label .uk-form-help-block {
  margin-top: 0;
}
@media (max-width: 640px) {
  .uk-form .label .uk-form-help-block {
    display: inline;
    float: right;
  }
}
@media (max-width: 965px) {
  .uk-form .labelB {
    padding-bottom: 7px;
  }
}
@media (max-width: 965px) {
  .uk-form .hideWord span {
    display: none;
  }
}
@media (min-width: 641px) {
  .uk-form [class*='uk-grid'] + [class*='uk-grid'], .uk-form [class*='uk-grid'] > * > .uk-panel + .uk-panel {
    margin-top: 20px;
  }
}
@media (max-width: 640px) {
  .uk-form [class*='uk-grid'] + [class*='uk-grid'], .uk-form [class*='uk-grid'] > * > .uk-panel + .uk-panel {
    margin-top: 15px;
  }
}
@media screen and (min-width: 481px) and (max-width: 640px) {
  .uk-form .marginT-s {
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .uk-form .marginT-xs {
    margin-top: 15px;
  }
  .uk-form .marginB-xs {
    margin-bottom: 10px !important;
  }
}
.uk-form textarea.code {
  min-height: 37px;
}
.uk-form .radio-group label {
  display: inline-block;
}
@media (max-width: 480px) {
  .uk-form .radio-group label {
    display: block;
  }
}
.uk-form .radio-group label + label {
  margin-left: 10px;
}
@media (max-width: 480px) {
  .uk-form .radio-group label + label {
    margin-left: 0;
    margin-top: 5px;
  }
}
.uk-form .radio-group input + label {
  margin-left: 10px;
}
@media (max-width: 480px) {
  .uk-form .radio-group input + label {
    margin-left: 0;
    margin-top: 5px;
  }
}
.uk-form .radio-group .uk-clearfix + label {
  margin-left: 10px;
}
@media (max-width: 480px) {
  .uk-form .radio-group .uk-clearfix + label {
    margin-left: 0;
    margin-top: 5px;
  }
}
.uk-form .radio-group.inline label {
  display: inline-block !important;
}
@media (max-width: 480px) {
  .uk-form .radio-group.inline label {
    display: inline-block;
  }
}
@media (max-width: 480px) {
  .uk-form .radio-group.inline label + label {
    margin-left: 10px;
    margin-top: 0;
  }
}
.uk-form .radio-group.inline label + input[type=tel] {
  width: 150px;
}
@media (max-width: 480px) {
  .uk-form .radio-group.inline input + label {
    margin-left: 10px;
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .uk-form .radio-group.inline .uk-clearfix + label {
    margin-left: 10px;
    margin-top: 0;
  }
}
.uk-form .upload .uk-placeholder a {
  color: #b8658d;
  display: inline-block;
  vertical-align: top;
}
.uk-form .upload .uk-placeholder a:hover {
  background-color: #888;
}
.uk-form .upload button {
  margin-left: 10px;
}

#twzipcode {
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  #twzipcode {
    margin-bottom: 10px;
  }
  #twzipcode [class*='width-sm-1-2']:not(:nth-child(-n+2)) {
    margin-top: 10px;
  }
}
#twzipcode select, #twzipcode input {
  width: 100%;
}

.rating {
  display: inline-block;
}
.rating > .uk-icon-star {
  margin-right: 3px;
  font-size: 1.2rem;
  display: inline-block;
  color: #bbb;
}
.rating > .uk-icon-star.text-golden {
  color: #FFCC66;
}

.uk-modal .rating {
  padding-top: 25px;
  padding-bottom: 30px;
}
.uk-modal .rating > input {
  display: none;
}
.uk-modal .rating > label {
  color: #ddd;
  float: right;
  display: inline-block;
  cursor: pointer;
  margin: 0;
}
.uk-modal .rating > label:before {
  margin: 0 10px 0 0;
  font-size: 2.3rem;
  line-height: 1.1;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.uk-modal .rating > input:checked ~ label, .uk-modal .rating .rating:not(:checked) > label:hover, .uk-modal .rating .rating:not(:checked) > label:hover ~ label {
  color: #FFCC66;
}
.uk-modal .rating .rating > input:checked + label:hover, .uk-modal .rating .rating > input:checked ~ label:hover, .uk-modal .rating .rating > label:hover ~ input:checked ~ label, .uk-modal .rating .rating > input:checked ~ label:hover ~ label {
  color: rgba(255, 204, 102, 0.6);
}

#news {
  padding: 5px 5px 5px 15px;
}
@media (max-width: 480px) {
  #news {
    padding-left: 10px;
  }
}
#news > span {
  display: inline-block;
  width: 80px;
  line-height: 2;
  float: left;
}
@media (max-width: 480px) {
  #news > span {
    display: none;
  }
}
#news > span.uk-icon-bullhorn {
  display: none;
}
@media (max-width: 480px) {
  #news > span.uk-icon-bullhorn {
    display: inline-block !important;
    width: 20px;
    padding-right: 3px;
    text-align: center;
  }
}
#news ul.newsList {
  display: inline-block;
  float: left;
  max-width: 88%;
  list-style: none;
  margin: 0;
  padding: 0;
}
#news ul.newsList > li {
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2;
}
#news ul.newsList > li > a {
  color: #b8658d;
}

.checkBox input[type="radio"], .checkBox input[type="checkbox"] {
  display: none !important;
}
.checkBox input[type="radio"]:checked + label, .checkBox input[type="checkbox"]:checked + label {
  border-color: #f0247f !important;
  color: #f0247f;
  border-width: 1px;
}
.checkBox input[type="radio"] + label, .checkBox input[type="checkbox"] + label {
  display: inline-block;
  cursor: pointer;
  padding: 0 6px;
  border: 1px solid #bbb;
  min-width: 36px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.checkBoxBtn input[type="radio"], .checkBoxBtn input[type="checkbox"] {
  display: none !important;
}
.checkBoxBtn input[type="radio"]:checked + label, .checkBoxBtn input[type="checkbox"]:checked + label {
  border: none;
}
.checkBoxBtn input[type="radio"]:disabled:checked + label, .checkBoxBtn input[type="checkbox"]:disabled:checked + label {
  opacity: .8;
}
.checkBoxBtn input[type="radio"]:disabled + label, .checkBoxBtn input[type="checkbox"]:disabled + label {
  cursor: not-allowed;
  opacity: .4;
}
.checkBoxBtn label {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 480px) {
  .checkBoxBtn .uk-button {
    padding: 0 3px;
  }
}

.bdrRadio input[type="radio"], .bdrRadio input[type="checkbox"] {
  display: none !important;
}
.bdrRadio input[type="radio"]:not(:first-child) + label, .bdrRadio input[type="checkbox"]:not(:first-child) + label {
  margin-left: 15px;
}
.bdrRadio input[type="radio"]:checked + label, .bdrRadio input[type="checkbox"]:checked + label {
  border: 1px solid #f0247f;
}
.bdrRadio input[type="radio"]:disabled:checked + label, .bdrRadio input[type="checkbox"]:disabled:checked + label {
  opacity: .8;
}
.bdrRadio input[type="radio"]:disabled + label, .bdrRadio input[type="checkbox"]:disabled + label {
  cursor: not-allowed;
  opacity: .4;
}
.bdrRadio input[type="radio"][name=gender]:checked + label, .bdrRadio input[type="checkbox"][name=gender]:checked + label {
  border: 1px solid #000;
}
.bdrRadio input[type="radio"][name=gender] + label, .bdrRadio input[type="checkbox"][name=gender] + label {
  max-width: 80px;
}
.bdrRadio label {
  border: 1px solid #bbb;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.bdrRadio.button.uk-h4 input[type="radio"]:checked + label {
  border: 1px solid #f0247f;
  color: #f0247f;
}
.bdrRadio.button.uk-h4 label {
  padding: 0 20px;
  min-height: 45px;
  line-height: 45px;
}

#foucs .bdrRadio label {
  padding: 0 10px;
  min-height: 45px;
  line-height: 45px;
}
@media (max-width: 965px) {
  #foucs .bdrRadio label {
    min-height: 37px;
    line-height: 37px;
  }
}
#foucs .bdrRadio input[type="radio"]:checked + label {
  border: 1px solid #f0247f;
  color: #f0247f;
}
@media (max-width: 1025px) {
  #foucs .bdrRadio.uk-h4 {
    font-size: 1.2rem;
  }
  #foucs .bdrRadio.uk-h4 label {
    padding: 0 5px;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline .list-inline-item {
  display: inline-block;
}
.list-inline .list-inline-item:not(:last-child) {
  margin-right: 5px;
}

.list-inline-arrow {
  margin: 0;
  padding-left: 0;
}
.list-inline-arrow > li {
  display: inline-block;
}
.list-inline-arrow > li:nth-child(n + 2):before {
  content: '\f105';
  font-family: FontAwesome;
  margin: 0 5px;
}

.list-inline-quote {
  margin: 0;
  padding-left: 0;
}
.list-inline-quote > li {
  display: inline-block;
}
.list-inline-quote > li:nth-child(n + 2):before {
  content: ',';
  margin: 0 3px;
}

.list {
  margin-bottom: 0;
}
.list + * {
  margin-bottom: 15px;
}

.tab-menu.uk-tab-grid > li > a {
  text-align: center;
}
.tab-menu > li:not(:last-child) {
  border-right: 1px solid #fff;
}
.tab-menu.bg-lightBlue.uk-tab > li > a {
  color: #888 !important;
}
.tab-menu.bg-lightBlue.uk-tab > li > a:hover, .tab-menu.bg-lightBlue.uk-tab > li > a:focus {
  color: #000 !important;
}
.tab-menu.bg-lightBlue.uk-tab.uk-tab-grid > li.uk-open > a:hover, .tab-menu.bg-lightBlue.uk-tab.uk-tab-grid > li.uk-open > a:focus {
  color: #000 !important;
}
.tab-menu.bg-lightBlue.uk-tab .uk-dropdown {
  border-color: #C5EBF8;
}
.tab-menu.bg-lightBlue.uk-tab .uk-dropdown a:hover, .tab-menu.bg-lightBlue.uk-tab .uk-dropdown a:focus {
  color: #5BC7EB;
  background-color: #fff;
}
.tab-menu.bg-lightBlue.uk-tab .uk-dropdown.uk-dropdown-bottom {
  margin-top: 1px;
}

.uk-alert.list {
  border-radius: 0;
  padding-right: 0;
}
.uk-alert.list + .uk-alert.list {
  margin-top: 10px;
}
.uk-alert.list .close {
  width: 50px;
  margin-right: 20px;
  text-align: center;
}
.uk-alert.bg-lightGrey {
  padding: 10px 15px;
}
.uk-alert.bg-lightGrey > .uk-close {
  position: absolute;
  right: 10px;
  top: 5px;
}

.uk-overflow-container.height-400 {
  max-height: 400px;
  border-color: rgba(187, 187, 187, 0.8);
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px;
}
.uk-overflow-container.height-400 .uk-alert.list + .uk-alert.list {
  border-top: 1px dashed #bbb;
  padding-top: 15px;
  margin-top: 15px;
}

.uk-modal .uk-alert.list + .uk-alert.list {
  border-top: 1px dashed #bbb;
  padding-top: 15px;
  margin-top: 15px;
}

.gotop {
  display: none;
  width: 50px;
  height: 50px;
  line-height: 45px;
  background-color: rgba(143, 209, 204, 0.7);
  position: fixed;
  right: 0;
  bottom: 25%;
  z-index: 10;
  text-align: center;
  color: #fff;
  font-size: 36px;
}
.gotop:hover {
  cursor: pointer;
  background-color: #8fd1cc;
}
@media (max-width: 1025px) {
  .gotop {
    width: 32px;
    height: 32px;
    line-height: 28px;
    font-size: 24px;
    right: 0;
  }
}

#head-menu {
  max-width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}
#head-menu a {
  color: #fff;
}
#head-menu a:hover {
  color: #f0247f;
}
#head-menu .text-deep-pink a:hover {
  color: #fff !important;
}
@media (min-width: 1026px) {
  #head-menu .uk-container {
    padding: 0;
  }
}
#head-menu .uk-dropdown a {
  color: #f0adcb;
}
#head-menu .uk-dropdown a:hover {
  color: #fff;
}
@media (max-width: 1025px) {
  #head-menu .uk-navbar-nav > li > a {
    padding: 0 7px;
  }
}
#head-menu #menu-toggle {
  cursor: pointer;
  margin-top: 3px;
}
#head-menu #menu-toggle .bar1, #head-menu #menu-toggle .bar2, #head-menu #menu-toggle .bar3 {
  width: 30px;
  height: 3px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}
#head-menu #menu-toggle.change {
  margin-top: 0;
}
#head-menu #menu-toggle.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-8px, 9px);
  transform: rotate(-45deg) translate(-8px, 9px);
}
#head-menu #menu-toggle.change .bar2 {
  opacity: 0;
}
#head-menu #menu-toggle.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-3px, -5px);
  transform: rotate(45deg) translate(-3px, -5px);
}
@media (max-width: 965px) {
  #head-menu #mobile-menu {
    border-top: 1px solid #fff;
    background-color: #f0adcb;
    visibility: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    top: 50px;
    left: 0;
    height: 0;
    width: 100%;
    z-index: 3;
    opacity: 0;
  }
  #head-menu #mobile-menu .uk-navbar-nav > li {
    padding-left: 10px;
  }
  #head-menu #mobile-menu .uk-navbar-nav > li > a {
    height: auto;
    line-height: 2;
  }
  #head-menu #mobile-menu.uk-open {
    visibility: visible;
    opacity: 1;
    height: auto;
    -webkit-transition: height 0.5s, opacity 0.2s ease;
    -moz-transition: height 0.5s, opacity 0.2s ease;
    transition: height 0.5s,opacity 0.2s ease;
  }
}
@media (max-width: 480px) {
  #head-menu #mobile-menu .uk-navbar-nav > li {
    float: none;
  }
}

#menu {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 1025px) {
  #menu {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media (max-width: 965px) {
  #menu {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
#menu a, #menu select, #menu input, #menu .uk-form-icon > [class*=uk-icon-] {
  color: #CCBB77;
}
#menu .uk-navbar-nav.uk-h4 {
  font-size: 1rem;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  #menu .uk-navbar-nav.uk-h4 {
    font-size: 1.1rem;
  }
}
#menu .uk-navbar-nav.uk-h4 > li > a {
  padding: 20px 10px;
  height: auto;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  #menu .uk-navbar-nav.uk-h4 > li > a {
    padding: 15px 10px 0;
  }
}
#menu .uk-navbar-nav.uk-h4 > li > a:hover {
  color: #f9db72;
}
#menu img {
  margin-top: 10px;
}
@media (max-width: 965px) {
  #menu img {
    max-width: 120px;
    margin-top: 0;
  }
}
@media (max-width: 640px) {
  #menu img {
    margin-top: 5px;
  }
}
@media (max-width: 480px) {
  #menu img {
    max-width: 130px;
    margin-top: 5px;
  }
}
#menu #search .uk-form {
  width: 100%;
  float: right;
  margin-top: 25px;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  #menu #search .uk-form {
    width: 100%;
    margin-top: 15px;
  }
}
@media (max-width: 965px) {
  #menu #search .uk-form {
    width: 90%;
    margin-top: 7px;
  }
}
@media (max-width: 640px) {
  #menu #search .uk-form {
    margin-top: 3px;
  }
}
@media (max-width: 480px) {
  #menu #search .uk-form {
    width: 100%;
    margin-top: 10px;
  }
}
#menu #search .uk-form input {
  border-left-color: #fff;
}
#menu #search .uk-form input:focus {
  border-left-color: #f0a1bf;
}
#menu #search .uk-form .uk-grid-collapse {
  width: 100%;
}
#menu #search .uk-form .uk-grid-collapse .uk-form-icon {
  display: block;
  width: 100%;
}

#new-goods .uk-h2 {
  line-height: 1.7;
}
#new-goods .uk-slider > li > a > span {
  display: block;
  padding: 13px 10px;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  #new-goods .uk-slider > li > a > span {
    padding: 7px 10px;
  }
}
@media (max-width: 965px) {
  #new-goods.bg-lightGrey {
    background-color: transparent;
  }
  #new-goods .uk-h2 {
    margin-top: 40px;
    font-size: 2rem;
  }
}
#new-goods .uk-slidenav-position .uk-slidenav {
  margin-top: -10px;
}

.icon-group a:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.icon-group a + a {
  margin-left: 7px;
}

footer {
  line-height: 1.2;
}
@media screen and (min-width: 641px) and (max-width: 965px) {
  footer {
    line-height: 1.5;
  }
  footer .marginT-m {
    margin-top: 12px !important;
  }
}
footer a:not(.uk-icon-button) {

}
footer img {
  max-width: 160px;
  width: 100%;
}
@media (max-width: 640px) {
  footer img {
    max-width: 150px;
    margin: 0 auto;
    display: inline-block;
  }
}
@media (max-width: 480px) {
  footer img {
    max-width: 150px;
    margin: 0 auto;
    display: block;
  }
}
footer .uk-h4 {
  margin-bottom: 5px;
  font-size: 1.3rem;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  footer .uk-h4 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 641px) and (max-width: 965px) {
  footer .uk-h4 {
    margin-bottom: 0;
    font-size: 1.3rem;
    line-height: 1.3;
  }
}
@media (max-width: 640px) {
  footer .icon-group {
    text-align: center;
  }
}
footer .icon-group a.uk-icon-button {
  background-color: rgba(255, 255, 255, 0.4);
  color: #f0adcb;
  margin-top: 10px;
}
@media (max-width: 1025px) {
  footer .icon-group a.uk-icon-button {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 20px;
  }
}
@media screen and (min-width: 641px) and (max-width: 800px) {
  footer .icon-group a.uk-icon-button {
    width: 47%;
    height: 33px;
    line-height: 33px;
    margin: 0;
    margin-top: 7px;
  }
  footer .icon-group a.uk-icon-button + a {
    margin-left: 0 !important;
  }
}
footer .icon-group a.uk-icon-button + a {
  margin-left: 5px;
}
@media (max-width: 480px) {
  footer .icon-group {
    text-align: center;
    margin-bottom: 10px !important;
    display: block;
  }
}
@media (min-width: 1026px) {
  footer .uk-list.list-inline {
    line-height: 1.5;
  }
}
@media (min-width: 1026px) {
  footer #in.uk-list {
    padding-left: 10px;
    line-height: 1.5;
  }
}
@media (max-width: 1025px) {
  footer #in.uk-list.paddingTB-40 {
    padding: 20px 0;
  }
}
@media (max-width: 480px) {
  footer #in.uk-list {
    text-align: center;
  }
}
@media (min-width: 1026px) {
  footer #in.uk-list > li:nth-child(1), footer #in.uk-list > li:nth-child(2) {
    display: inline-block;
    width: 48%;
  }
}
@media screen and (min-width: 641px) and (max-width: 965px) {
  footer #in.uk-list > li {
    white-space: nowrap;
  }
}
@media (max-width: 640px) {
  footer #in.uk-list > li {
    display: inline-block;
    width: 100%;
  }
}
footer #in.uk-list > li > small {
  margin: 0;
}
@media (max-width: 1025px) {
  footer #in.uk-list > li:last-child {
    display: block !important;
    width: 100%;
  }
}
footer p {
  margin-bottom: 0;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

#banner img {
  max-height: auto;
  height: auto;
  width: 100%;
}

#home-aside:before {
  content: '';
  width: 100%;
  height: 30px;
  display: block;
  background-image: url("../images/bg-rainbow.jpg");
  background-repeat: repeat-x;
}
#home-aside > .bg-pink-light {
  padding: 15px;
}
@media (min-width: 1026px) {
  #home-aside > .bg-pink-light {
    padding: 0 20px 20px;
  }
}
@media (min-width: 1026px) {
  #home-aside > .bg-pink-light > .uk-grid > [class^='uk-width-']:not(:first-child) > .text-deep-pink.uk-h1 {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  #home-aside > .bg-pink-light > .uk-grid > [class^='uk-width-']:not(:first-child) > .text-deep-pink.uk-h1 {
    padding-top: 20px !important;
  }
}
#home-aside > .bg-pink-light a {
  text-decoration: underline;
}
#home-aside > .bg-pink-light a.ranking {
  position: relative;
  display: block;
}
#home-aside > .bg-pink-light a.ranking > span {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 27px;
  line-height: 1.2;
  background: url("../images/icon-ranking.png") no-repeat center center;
  background-size: contain;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  #home-aside > .bg-pink-light a.ranking > span {
    width: 24px;
    height: 35.5px;
    line-height: 2;
  }
}
@media (min-width: 966px) {
  #home-aside > .bg-pink-light .text-deep-pink.uk-h1 + .uk-grid > [class^='uk-width-'] + [class^='uk-width-'] > .uk-panel {
    border-top: 1px dashed #bbb;
    padding-top: 20px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  #home-aside > .bg-pink-light .text-deep-pink.uk-h1 {
    font-size: 30px;
  }
}
@media screen and (min-width: 641px) and (max-width: 965px) {
  #home-aside > .bg-pink-light .text-deep-pink.uk-h1 {
    text-align: left !important;
  }
}
#home-aside > .bg-pink-light .uk-panel ul.uk-h6 {
  margin-top: 10px;
}
#home-aside > .bg-pink-light .uk-panel ul.uk-h6 > li + li {
  margin-top: 3px;
}
#home-aside > .bg-pink-light .uk-panel ol {
  margin: 0;
  padding-left: 20px;
}
#home-aside > .bg-pink-light .uk-panel ol > li > a {
  margin-top: 0;
}
#home-aside > .bg-pink-light .uk-panel ol > li + li {
  margin-top: 15px !important;
}
@media (max-width: 965px) {
  #home-aside {
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  #home-aside img {
    margin-bottom: 10px;
  }
}

.slider.uk-slidenav-position {
  padding: 0 20px;
}
.slider.uk-slidenav-position > .uk-slider-container > .uk-slider > li {
  padding: 0 10px;
}
@media (max-width: 480px) {
  .slider.uk-slidenav-position > .uk-slider-container > .uk-slider > li .uk-button {
    padding: 0 6px;
  }
}
.slider.uk-slidenav-position > .uk-slider-container > .uk-slider a {
  text-decoration: underline;
}
.slider.uk-slidenav-position > .uk-slider-container > .uk-slider ul.uk-list {
  margin-top: 10px;
}
.slider.uk-slidenav-position > .uk-slider-container > .uk-slider ul.uk-list + .uk-grid {
  margin-top: 10px;
}
.slider.uk-slidenav-position > .uk-slider-container .uk-h4.two-lines {
  height: 40px;
}

#product-detail {
  margin-top: 30px;
}
#product-detail .uk-description-list-horizontal {
  color: #888;
}
#product-detail .uk-description-list-horizontal .rating {
  margin-right: 5px;
}
@media (max-width: 384px) {
  #product-detail .uk-description-list-horizontal .rating > span:last-child {
    display: block;
  }
}
#product-detail .uk-description-list-horizontal a:not(.uk-button) {
  color: #b8658d !important;
}
#product-detail .uk-description-list-horizontal .tag > a + a:before {
  content: '、';
  display: inline-block;
  text-decoration: none;
  color: #999;
}
@media (max-width: 480px) {
  #product-detail .bdr3-TB [class*='width-xs-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 10px;
  }
}
#product-detail .bdr3-TB.paddingTB-15 .uk-button {
  padding: 0;
}
#product-detail .paddingTB-30 + .paddingTB-30, #product-detail #product #filter + .paddingTB-30, #product #product-detail #filter + .paddingTB-30, #product-detail #product .paddingTB-30 + #filter, #product #product-detail .paddingTB-30 + #filter, #product-detail #product #filter + #filter, #product #product-detail #filter + #filter {
  padding-top: 0;
  margin-top: 0;
}
#product-detail .uk-tab > li.uk-active > a {
  text-decoration: none;
}
@media (max-width: 640px) {
  #product-detail #typeOf .padding-40 {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  #product-detail #typeOf .bdrRadio.uk-flex {
    display: block;
    margin: 0 auto;
  }
}
#product-detail #typeOf .bdrRadio.uk-flex input[type="radio"] {
  display: none;
}
@media (min-width: 641px) {
  #product-detail #typeOf .bdrRadio.uk-flex input[type="radio"]:nth-of-type(5n) + label {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  #product-detail #typeOf .bdrRadio.uk-flex input[type="radio"]:nth-of-type(odd) + label {
    margin-left: 5px !important;
  }
  #product-detail #typeOf .bdrRadio.uk-flex input[type="radio"] + label {
    margin-left: 10px;
  }
}
#product-detail #typeOf .bdrRadio.uk-flex label {
  margin-bottom: 15px;
}
@media (min-width: 1026px) {
  #product-detail #typeOf .bdrRadio.uk-flex label {
    min-width: 19%;
  }
}
@media (max-width: 1025px) {
  #product-detail #typeOf .bdrRadio.uk-flex label {
    min-width: 17%;
  }
}
@media (max-width: 640px) {
  #product-detail #typeOf .bdrRadio.uk-flex label {
    min-width: 26%;
    padding: 0 12px;
  }
}
@media (max-width: 480px) {
  #product-detail #typeOf .bdrRadio.uk-flex label {
    min-width: none;
    min-height: 20px;
    width: 45%;
    padding: 0;
    margin-bottom: 10px;
    line-height: 2;
  }
}
@media (max-width: 640px) {
  #product-detail #typeOf .bdrRadio.uk-flex.uk-h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 480px) {
  #product-detail #typeOf .bdrRadio.uk-flex.uk-h4 {
    font-size: 1.1rem;
  }
}
#product-detail #typeOf .uk-button-lg.uk-button-width {
  min-width: 170px;
}
@media (max-width: 480px) {
  #product-detail #typeOf .uk-button-lg.uk-button-width {
    min-width: 125px;
    font-size: 1rem;
  }
}
#product-detail .group-item .bdr-1 {
  border-color: #bbb;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#product-detail .group-item .bdr-1.checked {
  background-color: #fff4f8;
}
#product-detail .group-item .two-lines.uk-h5 {
  height: auto;
}
#product-detail .group-item .uk-button-sm {
  font-size: .9rem;
}
#product-detail .group-item .uk-list {
  margin-bottom: 7px;
}
#product-detail .group-item .uk-button.more {
  font-size: 2rem !important;
}

#AD_modal .uk-modal-dialog {
  padding: 10px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#AD_modal .uk-modal-dialog .uk-close {
  float: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 46px;
  opacity: 1;
  font-size: 50px;
  background-color: rgba(240, 36, 127, 0.6);
  color: #fff;
}
#AD_modal .uk-modal-dialog img {
  min-width: 100%;
}

@media (max-width: 965px) {
  #history {
    margin-top: 40px;
    border-left: none;
    border-right: none;
  }
}
@media (max-width: 480px) {
  #history [class*='width-xs-1-3']:not(:nth-child(-n + 3)) {
    margin-top: 0;
  }
}
#history .uk-panel {
  padding-bottom: 20px;
}
#history .uk-h4 {
  text-align: center;
}
@media (max-width: 965px) {
  #history .uk-h4 {
    text-align: left;
    font-size: 1.8rem;
    line-height: 2;
  }
}

#setting-pushed {
  border-top: 1px solid #bbb;
  padding-top: 20px;
  margin-top: 30px;
}
#setting-pushed .paddingTB-20 {
  border-top: 1px solid #bbb;
  margin-top: 30px;
}
#setting-pushed .paddingTB-20 .list-order0 {
  max-width: 100%;
}
@media (max-width: 640px) {
  #setting-pushed .paddingTB-20 .list-order0 .uk-description-list-horizontal > dt:not(:nth-child(1)), #setting-pushed .paddingTB-20 .list-order0 .uk-description-list-horizontal > dd:not(:nth-child(2)) {
    margin-top: 10px;
  }
}
#setting-pushed .paddingTB-20 .list-order0 .uk-description-list-horizontal > dd > a {
  word-break: break-all;
}
#setting-pushed .paddingTB-20 .list-order0 + .list-order0 {
  padding-top: 20px;
  margin-top: 20px;
}
#setting-pushed .paddingTB-20 .list-order0:last-child {
  border-bottom: 1px dashed #bbb;
  padding-bottom: 20px;
}

@media (min-width: 1026px) {
  #terms.uk-modal .uk-overflow-container {
    max-height: 200px;
    padding-right: 10px;
    overflow-y: scroll;
  }
}
#terms.uk-modal .uk-overflow-container ol li > strong {
  display: block;
  font-weight: 900;
  margin-bottom: 7px;
  color: #000;
}
#terms.uk-modal .uk-overflow-container ol li > ul {
  margin-top: 7px !important;
  list-style: disc;
}
#terms.uk-modal .uk-overflow-container ol li + li {
  margin-top: 10px;
}

#fun section.paddingTB-40 {
  margin-top: 0;
  padding-top: 40px !important;
  border-top: none;
}
@media (max-width: 965px) {
  #fun section.paddingTB-40 {
    padding: 20px 0 !important;
  }
}
#fun section.paddingTB-40 + section.paddingTB-40 {
  padding-top: 0 !important;
}
#fun .two-lines {
  margin-bottom: 20px;
  margin-top: 20px;
}
#fun img {
  min-width: 100%;
}
#fun .bg-white a {
  text-decoration: none;
}
@media (min-width: 966px) {
  #fun #AD {
    margin-top: 0;
  }
}
@media (max-width: 965px) {
  #fun #AD {
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  #fun #AD {
    margin-top: 20px;
    border-top: 1px solid #f0adcb;
  }
}

@media (max-width: 640px) {
  #fun-menu {
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    height: 0;
  }
  #fun-menu.uk-open {
    display: block;
    height: auto;
  }
}
@media (max-width: 640px) {
  #fun-menu .uk-dropdown {
    position: static;
    top: 0;
    left: 0;
  }
}

#fun-detail {
  color: #444;
}
#fun-detail a.text-deep-pink {
  text-decoration: none !important;
}
#fun-detail .bg-white a {
  text-decoration: underline;
}
#fun-detail .html-edit {
  color: #888;
  font-size: 1.2rem;
}
#fun-detail .html-edit > *:not(img) {
  padding-right: 110px;
}
@media (max-width: 1025px) {
  #fun-detail .html-edit > *:not(img) {
    padding-right: 0;
  }
}
#fun-detail .html-edit p {
  margin-bottom: 40px;
  line-height: 1.5;
}
@media (max-width: 1025px) {
  #fun-detail .html-edit p {
    margin-bottom: 20px;
  }
}
#fun-detail .html-edit img + small {
  display: block;
  background-color: #fff;
  font-size: 85%;
  margin-bottom: 40px !important;
  margin-top: 0;
  padding-right: 5px;
  text-align: right;
}
@media (max-width: 1025px) {
  #fun-detail .html-edit img + small {
    margin-bottom: 20px !important;
  }
}
#fun-detail .html-edit img + * {
  margin-top: 40px;
}
@media (max-width: 1025px) {
  #fun-detail .html-edit img + * {
    margin-top: 20px;
  }
}

#post a img {
  margin-bottom: 15px;
}

#theme {
  padding: 15px;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  #theme {
    padding: 10px;
  }
  #theme .uk-h3 {
    font-size: 1.2rem;
  }
}
@media (max-width: 480px) {
  #theme {
    padding: 20px;
  }
}

@media (min-width: 966px) {
  #AD {
    margin-top: 20px;
  }
  #AD a + a {
    margin-top: 20px;
  }
}
@media (max-width: 965px) {
  #AD [class*='-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  #AD > .uk-grid > * {
    margin-top: 20px;
  }
}

#product #aside-menu [data-uk-sticky].uk-active, #product #member #member-menu [data-uk-sticky].uk-active, #member #product #member-menu [data-uk-sticky].uk-active {
  z-index: 2;
}
#product #aside-btn {
  display: none;
}
@media (max-width: 965px) {
  #product #aside-btn {
    position: fixed;
    top: 150px;
    left: 0 !important;
    z-index: 3;
    display: inline-block;
    width: 24px;
    padding: 3px 0;
    line-height: 1.3;
    text-align: center;
    color: #fff;
    background-color: #f0adcb;
    animation-name: bg-pink-ani;
    animation-duration: 2s;
    animation-iteration-count: 2;
    text-decoration: none;
  }
}
@media (max-width: 965px) {
  #product.paddingTB-60 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 965px) {
  #product .paddingTB-40 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
#product .paddingTB-40:last-child {
  padding-bottom: 0;
}
@media (max-width: 640px) {
  #product #filter {
    display: none;
    padding: 0;
  }
}
@media (max-width: 640px) {
  #product #filter .uk-form {
    padding: 20px;
  }
}
#product #filter .uk-description-list-horizontal {
  margin-bottom: 5px;
}
#product #filter .uk-description-list-horizontal > dt, #product #filter .uk-description-list-horizontal > dd {
  margin-top: 10px;
  line-height: 1.9 !important;
}
@media (max-width: 640px) {
  #product #filter .uk-description-list-horizontal > dt {
    width: 100%;
    display: block;
    float: none;
    font-size: 1.2rem;
  }
}
@media (max-width: 640px) {
  #product #filter .uk-description-list-horizontal > dd {
    margin-left: 0;
    display: block;
  }
}
#product #filter .checkBox input[type="radio"] + label, #product #filter input[type="checkbox"] + label {
  margin-bottom: 0;
  margin-right: 7px;
}
@media (max-width: 640px) {
  #product #filter .checkBox input[type="radio"] + label, #product #filter input[type="checkbox"] + label {
    padding: 2px 10px;
    min-width: 36px;
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: 1.2rem;
  }
}
@media (min-width: 1026px) {
  #product .tab-menu {
    width: 400px;
    float: right;
  }
}
@media (min-width: 1026px) {
  #product .row[class*='xl-1-4']:not(:nth-child(-n + 4)) {
    margin-top: 20px;
  }
}
@media (max-width: 1025px) {
  #product .row[class*='md-1-3']:not(:nth-child(-n + 3)) {
    margin-top: 20px;
  }
}
#product .row img {
  margin-bottom: 15px;
}
#product .row .uk-flex-item-1 {
  flex: none;
  width: 100%;
  box-sizing: border-box;
}
#product .row .uk-flex-item-1 h2 {
  margin-bottom: 15px;
  min-height: 52px;
}
#product .row .uk-flex-item-1 .description {
  display: none;
}
#product .row .uk-flex-item-1 .btn {
  margin-top: 10px;
}
#product .row.uk-active {
  margin-bottom: 25px;
  padding-bottom: 25px;
  position: relative;
}
#product .row.uk-active:not(:last-child):after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 97.5%;
  height: 1px;
  display: block;
  background-color: #bbb;
}
@media (max-width: 640px) {
  #product .row.uk-active:not(:last-child):after {
    width: 97%;
  }
}
@media (max-width: 480px) {
  #product .row.uk-active:not(:last-child):after {
    width: 95%;
  }
}
#product .row.uk-active .uk-flex-item-1 {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#product .row.uk-active img {
  margin-bottom: 0;
}
#product .row.uk-active h2 {
  min-height: 20px;
}
@media (max-width: 640px) {
  #product .row.uk-active h2 {
    margin-bottom: 10px;
  }
}
#product .row.uk-active .description {
  display: -webkit-box;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  #product .row.uk-active .description {
    margin-bottom: 5px;
  }
}
@media (max-width: 480px) {
  #product .row.uk-active .description {
    display: none;
  }
}
#product .row.uk-active .uk-list > li {
  width: 46%;
  display: inline-block;
}
@media (max-width: 640px) {
  #product .row.uk-active .uk-list > li {
    width: 49%;
  }
}
@media (max-width: 480px) {
  #product .row.uk-active .uk-list > li {
    width: 100%;
  }
  #product .row.uk-active .uk-list > li:nth-child(3), #product .row.uk-active .uk-list > li:nth-child(4) {
    width: 49%;
  }
}
#product .row.uk-active .btn {
  width: 300px;
}
@media (max-width: 480px) {
  #product .row.uk-active .btn {
    width: auto;
  }
}
#product #sort-list.uk-active, #product #sort-img.uk-active {
  background-color: rgba(0, 0, 0, 0.1);
}

#member {
  color: #888;
}
#member > .uk-container > .uk-grid-match > *:nth-child(2) {
  min-height: 100px;
}
@media (max-width: 480px) {
  #member > .uk-container > .uk-grid-match > *:nth-child(2) {
    min-height: 400px;
  }
}
#member .member-title .uk-h1 > a {
  color: #888;
  font-size: 90%;
}
@media (max-width: 640px) {
  #member .member-title .marginT-s {
    margin-top: 10px !important;
  }
}
@media (max-width: 480px) {
  #member .member-title .marginT-xs {
    margin-top: 10px !important;
  }
}
#member a:not(.uk-button) {
  color: #000;
}
#member a:not(.uk-button):hover {
  color: #f0247f;
}
#member h1.lh-normal {
  display: inline-block;
  float: left;
  padding-right: 15px;
}
#member .uk-breadcrumb a {
  color: rgba(136, 136, 136, 0.7);
}
#member #member-menu .uk-nav-sub > li > ul {
  margin-left: 0;
  padding-left: 0;
}
#member #member-menu .uk-nav-sub > li > ul > li:before {
  content: '--';
  margin-right: 2px;
}
#member #member-menu .uk-nav-sub > li > ul > li > a {
  display: inline-block;
}
#member #member-menu .uk-nav-sub > li > ul > li > a:first-child {
  margin-right: 5px;
}
#member #member-menu .uk-nav-sub > li > ul > li > a.text-bk {
  text-decoration: none;
}
#member #member-menu .uk-nav-sub > li > ul > li > a.text-bk:hover {
  color: #f0247f !important;
}
@media (max-width: 965px) {
  #member.paddingTB-60 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#member .paddingTB-40 + .paddingTB-40 {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
@media (max-width: 965px) {
  #member .paddingTB-40 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
#member .paddingTB-40:last-child {
  padding-bottom: 0;
}
#member .uk-panel.bdr-solid .uk-h2 {
  line-height: 37px;
}
@media (max-width: 640px) {
  #member .uk-panel.bdr-solid > .uk-grid > [class^='uk-width'] > .uk-button {
    min-width: 120px;
  }
}
@media (max-width: 480px) {
  #member .uk-panel.bdr-solid > .uk-grid > [class^='uk-width'] > .uk-button {
    min-width: 100px;
  }
}
#member .uk-panel.bdr-solid .uk-description-list-horizontal > dt, #member .uk-panel.bdr-solid .uk-description-list-horizontal > dd {
  line-height: 26px;
}
#member .uk-panel.bdr-solid .uk-description-list-horizontal > dt {
  color: rgba(136, 136, 136, 0.7);
}
#member .uk-flex .uk-form-file {
  display: block;
}
#member .uk-flex .uk-form-file .uk-button {
  width: 100%;
  display: block;
}
#member .tableDiv {
  line-height: 36px;
  border-top: 1px dashed #bbb;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}
@media (max-width: 965px) {
  #member .tableDiv {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  #member .tableDiv {
    line-height: 22px;
  }
}
#member .tableDiv:last-child {
  border-bottom: 1px dashed #bbb;
}
@media (max-width: 965px) {
  #member .tableDiv > .uk-grid-md > [class*='width-md-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 10px;
  }
}
@media (max-width: 640px) {
  #member .tableDiv > .uk-grid-md > [class*='width-sm-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  #member .tableDiv > .uk-grid-md > [class*='width-sm-1-2']:not(:first-child) {
    margin-top: 5px;
  }
}
#member .tableDiv a {
  margin-left: 5px;
}
@media (min-width: 641px) {
  #member #follow > .uk-grid > [class*='width-md-1-3']:not(:nth-child(-n + 3)) {
    margin-top: 20px;
  }
}
@media screen and (min-width: 481px) and (max-width: 640px) {
  #member #follow > .uk-grid > [class*='width-sm-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 20px;
  }
}
@media (max-width: 640px) {
  #member #follow > .uk-grid > [class^='uk-width']:not(:first-child) {
    margin-top: 20px;
  }
}
#member #follow .bdr-solid {
  position: relative;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#member #follow .bdr-solid > .uk-close {
  position: absolute;
  top: 10px;
  right: 10px;
}
#member #follow .bdr-solid:hover {
  background-color: rgba(136, 136, 136, 0.1);
}
#member #follow .bdr-solid .uk-description-list-horizontal {
  line-height: 26px;
  margin: 10px 0 0;
}
@media screen and (min-width: 481px) and (max-width: 640px) {
  #member #follow .bdr-solid .uk-description-list-horizontal {
    margin-top: 0;
  }
}
#member #follow .bdr-solid .uk-description-list-horizontal > dt {
  width: 97px;
}
#member .uk-form {
  color: #888;
}
#member .uk-form input[type=text]:not([disabled]), #member .uk-form select:not([disabled]) {
  color: #888;
}
#member .uk-form input[type=button].uk-button-dark {
  color: #fff;
}
#member #setting .tableDiv {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 30px;
}
#member #setting .tableDiv:first-child {
  border-top: none;
  padding-top: 0;
}
@media (min-width: 966px) {
  #member #setting .tableDiv img {
    object-fit: cover;
    height: 100px;
    width: 100%;
  }
}
#member #setting .tableDiv .member-title {
  padding-top: 0;
  padding-bottom: 10px;
}
#member #setting .tableDiv .member-title > .uk-h3 {
  margin-right: 5px;
  line-height: 22px;
}
#member #setting .tableDiv .member-title label {
  font-size: 18px;
  width: auto;
}
#member #setting .tableDiv label {
  display: inline-block;
  width: 19.5%;
}
@media (max-width: 1025px) {
  #member #setting .tableDiv label {
    width: 24.5%;
  }
}
@media (max-width: 965px) {
  #member #setting .tableDiv label {
    width: 19.5%;
  }
}
@media (max-width: 640px) {
  #member #setting .tableDiv label {
    width: 32.1%;
  }
}
@media (max-width: 480px) {
  #member #setting > .bdr-deep-pink .uk-h2, #member #setting > .bdr-deep-pink p {
    margin: 0 0 5px;
  }
}
#member #setting .uk-overlay-icon:before {
  content: "\f023";
  font-size: 40px;
  color: #fff;
}

#library ul.uk-grid > li img {
  margin-bottom: 15px;
}
#library ul.uk-grid > li .two-lines {
  height: 40px;
}
@media (min-width: 966px) {
  #library ul.uk-grid.uk-grid-width-lg-1-4 > *:not(:nth-child(-n + 4)) {
    margin-top: 0;
  }
}

.paddingTB-40 + #order {
  margin-top: -20px;
}

@media screen and (min-width: 641px) and (max-width: 965px) {
  .order .list-order > .uk-grid > [class^='uk-width'] > .uk-grid-md > [class*='width-md-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 0 !important;
  }
}
@media (max-width: 640px) {
  .order .list-order > .uk-grid > [class^='uk-width'] > .uk-grid-md > [class^='uk-width'] + [class^='uk-width'] {
    margin-top: 10px !important;
  }
}
@media (max-width: 640px) {
  .order .list-order > .uk-grid > [class^='uk-width'] + [class^='uk-width'] {
    margin-top: 10px !important;
  }
}
.order .list-order > .uk-grid > [class*='width-sm-1-2']:not(:nth-child(-n + 2)) {
  margin-top: 0;
}
.order .list-order.disabled .uk-description-list-horizontal > dd {
  color: #888 !important;
}
.order .list-order.disabled .uk-description-list-horizontal > dd a, .order .list-order.disabled .uk-description-list-horizontal > dd .text-deep-pink {
  color: #888 !important;
}
@media (max-width: 640px) {
  .order .list-order.list > .uk-grid > [class^='uk-width'] + [class^='uk-width'] {
    margin-top: 0 !important;
  }
}
@media (max-width: 640px) {
  .order .list-order.list .uk-description-list-horizontal > dt, .order .list-order.list .uk-description-list-horizontal > dd {
    margin-top: 15px;
  }
}
@media (max-width: 480px) {
  .order .list-order.list .uk-description-list-horizontal > dt, .order .list-order.list .uk-description-list-horizontal > dd {
    margin-top: 10px;
  }
}
.order .list-order.list .uk-description-list-horizontal > *:nth-child(1), .order .list-order.list .uk-description-list-horizontal > *:nth-child(2) {
  margin-top: 0 !important;
}

@media (max-width: 1025px) {
  .order-2 .list-order > .uk-grid > [class*='width-md-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 0;
  }
  .order-2 .list-order > .uk-grid > [class*='width-lg-1-3']:not(:nth-child(-n + 3)) {
    margin-top: 0;
  }
}
@media (max-width: 965px) {
  .order-2 .list-order > .uk-grid > [class*='width-md-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 0;
  }
}
@media (max-width: 640px) {
  .order-2 .list-order > .uk-grid > [class*='width-sm-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .order-2 .list-order > .uk-grid > [class*='width-sm-1-2']:not(:first-child) {
    margin-top: 10px;
  }
}
@media (max-width: 640px) {
  .order-2 .list-order > .uk-grid > [class^='uk-width'] > .uk-grid > [class^='uk-width'] + [class^='uk-width'] {
    margin-top: 10px !important;
  }
}
.order-2 .list-order > .uk-grid .uk-description-list-horizontal > dd .uk-button-sm {
  min-height: 24px !important;
  font-size: .7rem;
  line-height: 24px !important;
  padding: 0 5px;
  margin-left: 3px;
}
.order-2 .list-order.bg-pink-light {
  background-color: rgba(240, 173, 203, 0.2);
}
.order-2 .list-order .uk-button-link {
  padding: 0;
  line-height: 1.9;
  min-height: 20px;
}
@media (max-width: 480px) {
  .order-2 .list-order .uk-button-link {
    background-color: rgba(187, 187, 187, 0.4);
    color: #888;
    width: 100%;
  }
}
.order-2 .list-order .uk-accordion-content {
  margin-top: 15px;
}
@media (max-width: 1025px) {
  .order-2 .list-order .uk-accordion-content > .uk-grid > [class*='width-lg-1-3']:not(:nth-child(-n + 3)) {
    margin-top: 0;
  }
}
@media (max-width: 965px) {
  .order-2 .list-order .uk-accordion-content > .uk-grid > [class*='width-md-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 0;
  }
}
@media (max-width: 640px) {
  .order-2 .list-order .uk-accordion-content > .uk-grid > [class*='width-sm-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 0;
  }
  .order-2 .list-order .uk-accordion-content > .uk-grid > *:not(:first-child) {
    margin-top: 10px !important;
  }
}

#myStory > .uk-grid-match > .uk-width-lg-4-5 {
  min-height: 100px;
}
@media (max-width: 480px) {
  #myStory #total-cash .uk-grid-md + .uk-grid-md {
    margin-top: 20px;
  }
}
#myStory #total-cash .bdr-pink {
  padding: 15px;
}
#myStory #total-cash .bdr-pink .dollar + a {
  margin-left: 15px;
}
@media (max-width: 384px) {
  #myStory #total-cash .bdr-pink .dollar + a {
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }
}
#myStory #total-cash.uk-modal [class*='sm-1-2']:not(:nth-child(-n + 2)) {
  margin-top: 20px;
}
@media (max-width: 480px) {
  #myStory #verification {
    min-width: 500px;
  }
}
#myStory #verification a {
  color: #888;
}
#myStory .bg-white.notesBdr-grey .upload .uk-placeholder {
  font-size: 1.2rem;
}
@media (max-width: 965px) {
  #myStory .bg-white.notesBdr-grey .upload .uk-placeholder {
    font-size: 1rem;
  }
}
#myStory .bg-white.notesBdr-grey .upload button {
  margin-left: 10px;
}
#myStory .bg-white.notesBdr-grey #price [class^='uk-icon'] {
  color: rgba(187, 187, 187, 0.5);
}
#myStory .bg-white.notesBdr-grey #price .uk-icon-arrow-right {
  padding-right: 5px;
}
@media (max-width: 965px) {
  #myStory .bg-white.notesBdr-grey #price .uk-icon-arrow-right {
    display: none;
  }
}
#myStory .bg-white.notesBdr-grey #price .uk-icon-arrow-down {
  display: none;
}
@media (max-width: 965px) {
  #myStory .bg-white.notesBdr-grey #price .uk-icon-arrow-down {
    margin-left: 20px;
    display: inline-block;
  }
}
@media (max-width: 640px) {
  #myStory .bg-white.notesBdr-grey #price .uk-icon-arrow-down {
    margin-top: 10px;
    margin-bottom: 5px;
  }
}
#myStory .upload p > button {
  margin-left: 10px;
}
#myStory #keyword a {
  display: inline-block;
  color: #888;
  font-size: .8rem;
  background-color: #f2f2f2;
  padding: 2px 8px;
  margin-bottom: 10px;
  margin-right: 7px;
  text-decoration: none;
}
#myStory #keyword a:hover {
  background-color: #FFCC66;
  color: #fff;
}
#myStory #keyword a:before {
  content: "\f056";
  font-family: FontAwesome;
  margin-right: 4px;
}
#myStory #search {
  padding: 15px;
}
@media screen and (min-width: 481px) and (max-width: 640px) {
  #myStory #search [class*='width-sm-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 320px) and (max-width: 480px) {
  #myStory #search [class*='width-xs-1-2']:not(:nth-child(-n + 2)) {
    margin-top: 10px;
  }
}
#myStory #search .uk-button {
  min-height: 36px;
  line-height: 36px;
}
@media (max-width: 640px) {
  #myStory #search .marginT-s {
    margin-top: 10px !important;
  }
}
@media (max-width: 480px) {
  #myStory #search .marginT-xs {
    margin-top: 10px !important;
  }
}
#myStory #messages .list-order {
  padding-top: 0;
  border-top: none;
}
#myStory #messages .list-order:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#myStory #messages .list-order .uk-h5 {
  background-color: #fff;
  padding: 6px 12px;
  margin-bottom: 15px;
}
#myStory #messages .list-order p {
  margin-bottom: 5px;
}
#myStory #messages .list-order + .list-order {
  margin-top: 10px;
}
#myStory #messages .list-order.uk-active .uk-h5 {
  background-color: #FFCEA8;
}

.publish-group .uk-h2 + p {
  margin-bottom: 0;
}
.publish-group input[type=tel], .publish-group input[type=text] {
  text-align: center;
  padding: 2px !important;
  margin-left: 4px;
  margin-right: 4px;
  width: 34px;
  height: 30px;
}
.publish-group .uk-placeholder {
  padding: 0 !important;
  height: 100%;
}
@media (max-width: 480px) {
  .publish-group .uk-placeholder {
    height: auto;
  }
}
.publish-group .uk-placeholder a:not(.uk-button) {
  color: #bbb !important;
}
.publish-group .uk-placeholder a:not(.uk-button):hover {
  color: #000 !important;
}
.publish-group .uk-placeholder a:not(.uk-button):hover line {
  stroke: #000 !important;
}
.publish-group .uk-button-pink {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 966px) and (max-width: 1025px) {
  .publish-group .uk-button-pink {
    padding: 0 3px;
  }
}
.publish-group .list-order0 + .list-order0 {
  border-top: 1px dashed #bbb;
  padding-top: 20px;
  margin-top: 20px;
}
.publish-group .uk-overlay {
  padding: 0;
  margin-bottom: -2px;
}
.publish-group .uk-overlay .uk-overlay-panel {
  padding: 0;
}
.publish-group .uk-overlay .uk-overlay-panel.uk-overlay-background {
  background-color: rgba(187, 187, 187, 0.9);
  min-height: 30px;
  line-height: 30px;
}
.publish-group .uk-overlay .uk-overlay-panel.uk-overlay-background a {
  color: #fff !important;
  white-space: nowrap;
}
.publish-group svg.plus {
  margin-bottom: -2px;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1025px) {
  .publish-group svg.plus {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.publish-group svg.plus line {
  stroke: #bbb;
}
.publish-group svg.plus line:hover {
  stroke: #000 !important;
}
.publish-group svg.plus:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: #FFCEA8;
}
.publish-group ul.uk-grid > li .uk-placeholder {
  padding: 0 !important;
  margin-bottom: 15px;
  height: auto;
}
.publish-group ul.uk-grid > li .uk-placeholder .uk-overlay-background {
  background-color: rgba(187, 187, 187, 0.9);
}
.publish-group ul.uk-grid > li .uk-placeholder .uk-overlay-background.uk-overlay-bottom {
  min-height: 30px;
  line-height: 30px;
}
@media (min-width: 966px) {
  .publish-group ul.uk-grid.uk-grid-width-lg-1-4 > li:not(:nth-child(-n + 4)) {
    margin-top: 20px;
  }
}
@media screen and (min-width: 641px) and (max-width: 965px) {
  .publish-group ul.uk-grid.uk-grid-width-md-1-4 > li:not(:nth-child(-n + 4)) {
    margin-top: 20px;
  }
}
@media screen and (min-width: 481px) and (max-width: 640px) {
  .publish-group ul.uk-grid.uk-grid-width-sm-1-3 > li:not(:nth-child(-n + 3)) {
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .publish-group ul.uk-grid.uk-grid-width-xs-1-2 > li:not(:nth-child(-n + 2)) {
    margin-top: 15px;
  }
}
.publish-group .radio-group label {
  margin-bottom: 10px;
  margin-right: 10px;
}
@media (max-width: 480px) {
  .publish-group .radio-group label {
    display: block;
  }
}
.publish-group .radio-group label + label {
  margin-left: 0;
}

.bubbler-pink {
  height: 100%;
  position: relative;
}
@media (max-width: 965px) {
  .bubbler-pink .uk-h1 {
    font-size: 1.5rem !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.bubbler-pink:after {
  content: '';
  position: absolute;
  top: 48%;
  right: -14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #f0adcb;
}
@media (max-width: 965px) {
  .bubbler-pink:after {
    top: auto;
    bottom: -14px;
    right: 48%;
    border-width: 14px 8px 0 8px;
    border-color: #f0adcb transparent transparent transparent;
  }
}

.bubbler-deepSkyBlue {
  position: relative;
}
@media (max-width: 965px) {
  .bubbler-deepSkyBlue {
    height: 100%;
  }
}
.bubbler-deepSkyBlue:after {
  content: '';
  position: absolute;
  bottom: -10px;
  right: 47%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #5BC7EB transparent transparent transparent;
}
@media (max-width: 965px) {
  .bubbler-deepSkyBlue:after {
    border-width: 8px 0 8px 10px;
    bottom: 47%;
    right: -10px;
    border-color: transparent transparent transparent #5BC7EB;
  }
}
@media (max-width: 640px) {
  .bubbler-deepSkyBlue:after {
    bottom: -10px;
    right: 47%;
    border-width: 10px 8px 0 8px;
    border-color: #5BC7EB transparent transparent transparent;
  }
}

.bubbler-cadetBlue {
  position: relative;
}
@media (max-width: 965px) {
  .bubbler-cadetBlue {
    height: 100%;
  }
}
.bubbler-cadetBlue:after {
  content: '';
  position: absolute;
  bottom: -10px;
  right: 47%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #98CDC9 transparent transparent transparent;
}
@media (max-width: 965px) {
  .bubbler-cadetBlue:after {
    border-width: 8px 0 8px 10px;
    bottom: 47%;
    right: -10px;
    border-color: transparent transparent transparent #98CDC9;
  }
}
@media (max-width: 640px) {
  .bubbler-cadetBlue:after {
    bottom: -10px;
    right: 47%;
    border-width: 10px 8px 0 8px;
    border-color: #98CDC9 transparent transparent transparent;
  }
}

.bubbler-golden {
  position: relative;
}
@media (max-width: 965px) {
  .bubbler-golden {
    height: 100%;
  }
}
.bubbler-golden:after {
  content: '';
  position: absolute;
  bottom: -10px;
  right: 47%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #FFCC66 transparent transparent transparent;
}
@media (max-width: 965px) {
  .bubbler-golden:after {
    border-width: 8px 0 8px 10px;
    bottom: 47%;
    right: -10px;
    border-color: transparent transparent transparent #FFCC66;
  }
}
@media (max-width: 640px) {
  .bubbler-golden:after {
    bottom: -10px;
    right: 47%;
    border-width: 10px 8px 0 8px;
    border-color: #FFCC66 transparent transparent transparent;
  }
}

.bubbler-pinkB {
  position: relative;
}
@media (max-width: 965px) {
  .bubbler-pinkB {
    height: 100%;
  }
}
.bubbler-pinkB:after {
  content: '';
  position: absolute;
  bottom: -10px;
  right: 47%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #f0adcb transparent transparent transparent;
}
@media (max-width: 965px) {
  .bubbler-pinkB:after {
    border-width: 8px 0 8px 10px;
    bottom: 47%;
    right: -10px;
    border-color: transparent transparent transparent #f0adcb;
  }
}
@media (max-width: 640px) {
  .bubbler-pinkB:after {
    bottom: -10px;
    right: 47%;
    border-width: 10px 8px 0 8px;
    border-color: #f0adcb transparent transparent transparent;
  }
}

#cart #cart-step {
  margin: 0 auto;
}
@media (min-width: 1026px) {
  #cart #cart-step {
    width: 700px;
  }
}
@media (max-width: 1025px) {
  #cart #cart-step {
    width: 70%;
  }
}
@media (max-width: 965px) {
  #cart #cart-step {
    width: 80%;
  }
}
@media (max-width: 640px) {
  #cart #cart-step {
    width: 70%;
  }
}
@media (max-width: 480px) {
  #cart #cart-step {
    width: 85%;
  }
}
@media (max-width: 384px) {
  #cart #cart-step {
    width: 100%;
  }
}
#cart #cart-step .arrow {
  width: 5%;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  #cart #cart-step .arrow .uk-h1 {
    font-size: 1.3rem !important;
  }
}
@media (max-width: 480px) {
  #cart #cart-step .arrow .uk-h1 {
    font-size: 1rem !important;
  }
}
#cart #cart-step .uk-block {
  width: 30%;
  font-size: 24px;
  text-decoration: none;
  background: url("../images/bg-circlel-grey.png") no-repeat center center;
  background-size: contain;
  color: #fff;
  position: relative;
  box-sizing: border-box;
}
#cart #cart-step .uk-block > a {
  text-decoration: none;
  color: #fff;
}
#cart #cart-step .uk-block [class^='uk-icon-'] {
  display: block;
  font-size: 36px !important;
  margin-bottom: 5px;
}
@media (max-width: 965px) {
  #cart #cart-step .uk-block [class^='uk-icon-'] {
    font-size: 30px !important;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  #cart #cart-step .uk-block [class^='uk-icon-'] {
    font-size: 20px !important;
  }
}
#cart #cart-step .uk-block.uk-active {
  background-image: url("../images/bg-circlel-pink.png");
}
@media (max-width: 640px) {
  #cart #cart-step .uk-block .uk-h4 {
    font-size: 1rem;
  }
}
#cart .tableBgDiv {
  text-align: center;
}
@media (max-width: 480px) {
  #cart .tableBgDiv {
    padding: 20px 0;
    border-top: 1px dashed #bbb;
  }
  #cart .tableBgDiv:nth-child(odd) {
    background-color: transparent;
  }
}
@media (max-width: 965px) {
  #cart .tableBgDiv input[type=tel] {
    width: 60px;
    padding: 0 6px;
    height: 30px;
  }
}
#cart .tableBgDiv .uk-description-list-horizontal > dt, #cart .tableBgDiv .uk-description-list-horizontal > dd {
  line-height: 1;
  margin-top: 7px;
}
@media (max-width: 965px) {
  #cart .tableBgDiv .uk-description-list-horizontal > dt, #cart .tableBgDiv .uk-description-list-horizontal > dd {
    margin-top: 10px;
  }
}
#cart .tableBgDiv .uk-description-list-horizontal > dt {
  width: 55px;
}
@media (max-width: 480px) {
  #cart .tableBgDiv .uk-description-list-horizontal > dt.label {
    padding-top: 7px;
  }
}
#cart .tableBgDiv .uk-description-list-horizontal > dd {
  margin-left: 60px;
}
@media (max-width: 480px) {
  #cart .tableBgDiv .uk-description-list-horizontal > dd input[type=tel] {
    height: 27px;
    line-height: 27px;
    padding: 0 4px;
  }
}
#cart .tableBgDiv .uk-description-list-horizontal + .text-deep-pink {
  margin-top: 15px;
}
#cart .bg-white {
  color: #888;
}
#cart .bg-white .tableBgDiv {
  border-top: 1px solid #bbb;
}
#cart .bg-white .tableBgDiv:first-of-type {
  padding-top: 10px;
  padding-bottom: 10px;
}
#cart .bg-white #cartSum {
  border-top: 1px solid #bbb !important;
}
#cart .bg-white .uk-panel p {
  margin-bottom: 10px;
}
#cart .bg-white .uk-panel + .uk-panel {
  margin-top: 15px;
}
#cart .bg-white .uk-description-list-horizontal.text-dark > dt, #cart .bg-white .uk-description-list-horizontal.text-dark > dd {
  color: #888 !important;
}
#cart #cartSum {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  padding-top: 20px;
}
#cart #cartSum .uk-button {
  margin-right: 15px;
  min-width: 90px;
}
@media (max-width: 640px) {
  #cart #cartSum hr {
    float: right;
    width: 50%;
  }
}
@media (max-width: 480px) {
  #cart #cartSum hr {
    width: 100%;
  }
}

@media (max-width: 965px) {
  #login .uk-height-viewport {
    height: auto;
    min-height: 100vh !important;
  }
}
@media (max-width: 965px) {
  #login > .uk-flex {
    display: block;
  }
}
#login > .uk-flex .bg-white .bg-lightCyan {
  padding: 20px;
}
@media (max-width: 965px) {
  #login > .uk-flex .bg-white .bg-lightCyan {
    background-color: #D1E6E4 !important;
    text-align: center !important;
  }
}
@media (min-width: 966px) {
  #login > .uk-flex .bg-white .uk-flex-center {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}
@media (max-width: 965px) {
  #login > .uk-flex .bg-white .uk-h1.lh-normal {
    text-align: center !important;
  }
}
@media (max-width: 965px) {
  #login > .uk-flex .bg-white .padding-30 {
    padding: 40px;
  }
}
@media (max-width: 640px) {
  #login > .uk-flex .bg-white .padding-30 {
    padding: 20px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1367px) {
  #join .uk-width-xl-1-2, #login .uk-width-xl-1-2 {
    width: 70%;
  }
}
@media (max-width: 965px) {
  #join .uk-height-viewport, #login .uk-height-viewport {
    height: auto;
    min-height: 300px;
  }
}
#join .bg-white.uk-form, #login .bg-white.uk-form {
  overflow: hidden;
  border: 5px solid #b0d4d1;
  box-shadow: 0 6px 12px rgba(136, 136, 136, 0.4);
}
@media (max-width: 965px) {
  #join .bg-white.uk-form, #login .bg-white.uk-form {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
}
#join .bg-white #logo + .uk-button, #login .bg-white #logo + .uk-button {
  margin-left: 0;
}
#join .bg-white #logo > img, #login .bg-white #logo > img {
  max-width: 200px;
  margin: 0 auto 20px;
}
@media (max-width: 640px) {
  #join .bg-white .label.uk-text-right, #login .bg-white .label.uk-text-right {
    padding-top: 7px !important;
  }
}
@media (max-width: 965px) {
  #join .bg-white .padding-30, #login .bg-white .padding-30, #join .bg-white .padding-40, #login .bg-white .padding-40 {
    padding: 20px;
  }
}
#join .bg-white .uk-button-lightCyan, #login .bg-white .uk-button-lightCyan {
  background-color: #b0d4d1;
  color: #fff !important;
}
#join .bg-white .uk-button-lightCyan:hover, #login .bg-white .uk-button-lightCyan:hover {
  background-color: #6eb0aa;
}
@media (max-width: 965px) {
  #join .bg-white #community, #login .bg-white #community {
    width: 60%;
    margin: 0 auto 10px;
    display: none;
  }
  #join .bg-white #community.uk-open, #login .bg-white #community.uk-open {
    display: block;
  }
}
@media (max-width: 640px) {
  #join .bg-white #community, #login .bg-white #community {
    width: 70%;
  }
}
@media (max-width: 480px) {
  #join .bg-white #community, #login .bg-white #community {
    width: 100%;
  }
}
#join .bg-white #community img, #login .bg-white #community img {
  min-width: 100%;
  opacity: .9;
}
#join .bg-white #community img:hover, #login .bg-white #community img:hover {
  opacity: 1;
}
#join .bg-white #community .bg-purple, #login .bg-white #community .bg-purple {
  height: 100%;
  width: 100%;
  display: table;
}
#join .bg-white #community .bg-purple:hover, #login .bg-white #community .bg-purple:hover {
  background-color: #b05480;
}
#join .bg-white #community .bg-purple .uk-button, #login .bg-white #community .bg-purple .uk-button {
  line-height: 100%;
  min-height: 100%;
  display: table-cell;
  vertical-align: middle;
}
#join .bg-white .bg-lightCyan, #login .bg-white .bg-lightCyan {
  padding: 20px;
}
@media (max-width: 965px) {
  #join .bg-white .bg-lightCyan, #login .bg-white .bg-lightCyan {
    background-color: #fff;
  }
  #join .bg-white .bg-lightCyan .uk-button-white, #login .bg-white .bg-lightCyan .uk-button-white {
    background-color: #f2f2f2;
    color: #888;
  }
}
#join .bg-white .bdrRadio input[type="radio"], #login .bg-white .bdrRadio input[type="radio"] {
  display: none !important;
}
#join .bg-white .bdrRadio input[type="radio"]:not(:first-child) + label, #login .bg-white .bdrRadio input[type="radio"]:not(:first-child) + label {
  margin-left: 15px;
}
#join .bg-white .bdrRadio input[type="radio"]:checked + label, #login .bg-white .bdrRadio input[type="radio"]:checked + label {
  border: 1px solid #000;
}
#join .bg-white .bdrRadio input[type="radio"][name=gender] + label, #login .bg-white .bdrRadio input[type="radio"][name=gender] + label {
  max-width: 50px;
}

@media (min-width: 966px) {
  #unlimted-plan > * {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  #unlimted-plan > *:hover {
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
  }
}
@media (max-width: 965px) {
  #unlimted-plan > * {
    margin-bottom: 25px;
  }
}
#unlimted-plan .bg-white {
  padding: 0 20px 20px;
}
@media (min-width: 966px) {
  #unlimted-plan .bg-white:hover {
    box-shadow: 0 0 5px rgba(187, 187, 187, 0.8);
  }
}
@media (max-width: 965px) {
  #unlimted-plan .bg-white {
    padding: 0;
  }
}
@media (max-width: 640px) {
  #unlimted-plan .bg-white {
    padding: 0 15px;
  }
  #unlimted-plan .bg-white p {
    margin-top: 30px;
  }
}
#unlimted-plan .bg-white [class^='bg-'] {
  padding: 15px;
  margin-bottom: 60px;
  margin-left: -20px;
  margin-right: -20px;
}
@media (max-width: 965px) {
  #unlimted-plan .bg-white [class^='bg-'] {
    margin: 0;
    padding: 20px 0;
    height: 100%;
    box-sizing: border-box;
  }
}
@media (max-width: 640px) {
  #unlimted-plan .bg-white [class^='bg-'] {
    padding: 5px 10px;
    margin-left: -15px;
    margin-right: -15px;
  }
}
#unlimted-plan .bg-white [class^='bg-'] .uk-vertical-align-middle.uk-h2 {
  font-size: 2rem;
}
@media screen and (min-width: 641px) and (max-width: 965px) {
  #unlimted-plan .bg-white [class^='bg-'] .uk-vertical-align-middle.uk-h2 {
    font-size: 1.5rem;
  }
}
#unlimted-plan .bg-white .list {
  margin-bottom: 50px;
}
@media (max-width: 965px) {
  #unlimted-plan .bg-white .list {
    margin-bottom: 15px;
  }
}
@media (max-width: 640px) {
  #unlimted-plan .bg-white .list {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 965px) {
  #unlimted-plan .bg-white .dollar {
    display: inline-block;
    float: left;
  }
}
#unlimted-plan .bg-white .dollar + .uk-button {
  display: none;
}
@media (max-width: 965px) {
  #unlimted-plan .bg-white .dollar + .uk-button {
    float: left;
    display: inline-block;
    margin-top: 8px;
    margin-left: 5px;
  }
}
@media (max-width: 640px) {
  #unlimted-plan .bg-white .dollar + .uk-button {
    margin-left: 10px;
  }
}
#unlimted-plan .bg-white .uk-text-lg {
  margin-bottom: 30px;
}
@media (max-width: 965px) {
  #unlimted-plan .bg-white .uk-text-lg {
    margin-bottom: 0;
  }
}

.html-edit {
  color: #888;
}
.html-edit * + h1, .html-edit * + h2, .html-edit * + h3, .html-edit * + h4, .html-edit * + h5, .html-edit * + h6, .html-edit * + p {
  margin-top: 15px;
}
.html-edit h1 {
  font-size: 2rem !important;
  line-height: 2.2;
}
.html-edit h2 {
  font-size: 1.8rem;
  line-height: 2;
}
.html-edit h3 {
  font-size: 1.6rem;
  line-height: 1.8;
}
.html-edit h4 {
  font-size: 1.2rem;
  line-height: 1.4;
}
.html-edit h5 {
  font-size: 1rem;
  line-height: 1.2;
}
.html-edit h6 {
  font-size: .9rem;
  line-height: 1.1;
}
.html-edit ol li + li, .html-edit ul li + li {
  margin-top: 10px;
}

html:lang(zh-Hant) .html-edit strong {
  font-family: "Noto Sans TC";
  font-size: 105%;
}
.product_img_height
{
    min-height: 330px;
}
@media (max-width: 1024px) {
    .product_img_height
    {
        min-height: 250px;
    }
}
.product_home_img_height
{
    min-height: 245px;
}
@media (max-width: 1024px) {
    .product_home_img_height
    {
        min-height: 200px;
    }
}
@media (max-width: 640px) {
    .product_img_height
    {
        min-height: 200px;
    }
}
.product_img_height_in_all
{
    min-height: 270px;
}
@media (max-width: 1024px) {
    .product_img_height_in_all
    {
        min-height: 350px;
    }
}
@media (max-width: 640px) {
    .product_img_height_in_all
    {
        min-height: 270px;
    }
}
/* contact */
.contactable, .contactInfor, .faq {
    padding: 20px;
    background: #fff5fb;
    border-radius: 10px;
}

@media screen and (max-width: 1000px) {
    .contactInfor {
        margin-top: 20px;
    }
}

.faq {
    margin-top: 20px;
    margin-bottom: 20px !important;
}

.contactable hr, .contactInfor hr, .faq hr{
    width: 100%;
    border: .7px dashed #b8b8b8;
}

.inputA, .inputB {
    width: 100%;
    height: 26px;
}

.inputB {
    height: 150px;
}

.selectype {
    width: 50%;
    height: 26px;
}

.inputTitle, .inputField{
    padding: 10px 0 10px 0;
}

.btnClean, .btnConfirm {
    width: 100%;
    border: none;
    padding: 10px;
    letter-spacing: 2px;
    font-family: Microsoft JhengHei;
}

.btnConfirm {
    background: #f48f8f;
    font-weight: 600;
    color: white;
}



.infor1 {
    padding: 10px 0 10px 0;
}

/* faq */
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#qaContent h3 {
    width: 500px;
    height: 22px;
    text-indent: -9999px;
}
#qaContent h3.qa_group_1 {
    background: url(qa_group_1.gif) no-repeat;
}
#qaContent h3.qa_group_2 {
    background: url(qa_group_2.gif) no-repeat;
}

#qaContent ul.accordionPart li {
    border-bottom: solid 1px #e3e3e3;
    padding-bottom: 12px;
    margin-top: 12px;
}
#qaContent ul.accordionPart li .qa_title {
    background: url(icon_q_a.gif) no-repeat 0px 3px;
    color: #cd8282;
    cursor: pointer;
}
#qaContent ul.accordionPart li .qa_title:hover {
    color: black;
    text-decoration: none !important;
    cursor: pointer;
}
#qaContent ul.accordionPart li .qa_title_on {
    text-decoration: underline;
}
#qaContent ul.accordionPart li .qa_content {
    margin: 6px 0 0;
    background: url(icon_q_a.gif) no-repeat 0px -24px;
    padding-left: 28px;
    color: #666;
}

/*about-us*/
.main-about {
    padding: 10px 50px 10px 50px;
    margin-bottom: 20px !important;
}

.main-about-detail-1 {
    background: #fff5fb;
    padding: 10px 50px 10px 50px;
    margin-bottom: 20px !important;
}

.main-about-detail-2 {
    background: #fffef5;
    padding: 10px 50px 10px 50px;
    margin-bottom: 20px !important;
}

.main-about-detail-1:hover {
    background: #fcfcfc;

}

.main-about-detail-2:hover {
    background: #fcfcfc;

}


.main-about div h2 {
    text-align: center;
}

.main-about-detail, .main-about-detail-1, .main-about-detail-2 {
    height: 160px;
}

@media screen and (max-width: 1024px) {
    .main-about-detail, .main-about-detail-1, .main-about-detail-2 {
        height: 300px;
    }
    .main-about, .main-about-detail, .main-about-detail-1, .main-about-detail-2 {
        background: #fff5fb;
        padding: 10px 30px 10px 30px;
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 768px) {
    .main-about-detail, .main-about-detail-1, .main-about-detail-2 {
        height: auto;
    }

}

.main-about-detail div h3 {
    text-align: center;
}
.main-about-detail-1 div h3 {
    text-align: center;
}
.main-about-detail-2 div h3 {
    text-align: center;
}

.main-about-detail div h3 img {
    width: 60px;
    padding: 10px;
}
.main-about-detail-1 div h3 img {
    width: 60px;
    padding: 10px;
}
.main-about-detail-2 div h3 img {
    width: 60px;
    padding: 10px;
}

@media screen and (max-width: 1025px) and (min-width: 966px) {
    .uk-grid-md [class*='width-lg-1-2']:not(:nth-child(-n+2)) {
        margin-top: 0px !important;
    }
}

/* teach */
.answer p {
    color:#888;
    font-size: 1rem;
    line-height: 1.5;
}

.answer img {
    width: auto;
    max-width: 100%;
}