body {
  position: relative;
}
a{
  text-decoration: none;
}

.fab {
  font-family: "Font Awesome 5 Brands";
}
/* navbar */
.toplink .navbar-nav li {
  border: solid 1px #cfb9ff;
  border-radius: 10px;
  margin: 5px;
}
.toplink .navbar-nav li:hover,
.toplink .navbar-nav li:hover{
  background-color: #7153b1;
}
@media(max-width:768px){
  .toplink .navbar-nav li {
    border: solid 0px #cfb9ff;
  }
}
.toplink .navbar-nav li a{
  color: #cfb9ff;
  padding: 5px;
  font-size: 14px;
  text-decoration: none;
}
@media(max-width:768px){
  .toplink .navbar-nav li.memberlogin{
    border-right: inset 1px rgb(255 255 255 / 10%);
  }
}

.navbar-header .fa{
  color: #cfb9ff;
}
.navbar-header .fa.fa-bars{
  color: #fff;
}
.navbar-toggle{
  border-radius: 50%;
  background-color: #d2a2ff;
  padding: 9px 13px;
  width: 40px;
  border:solid 1px #d2a2ff;
}
.navbar-toggle:hover,
.navbar-toggle:focus{
  background-color: transparent;
  border:solid 1px #d2a2ff;
}
.badge{
  background-color: rgb(207 185 255);
  color: #8160c8;
}
.bg-sm{
  display: none;
}
@media(max-width:768px){
.bg-sm{
  display: block;
  width: 100%;
}
}
@media(max-width:414px){
.bg-sm{
  margin-top: 60px
}
}

.bg{
 background: url(/hipershop/rwd1561/store/F1/Page-bg.jpg);
  background-size: cover;
  width: 100%;
  height: 977px;
  position: relative;
  background-position: center;
}
@media(max-width:820px){
.bg{
  height: 1180px;
  background-repeat: no-repeat;
  background-position:top center;
  background-color: #7877ff;
  background-size: cover;
}
}
@media(max-width:768px){
.bg{
  background: none;
}
}
@media(max-width:540px){
.bg{
  height: 1050px;
}
}
.banner-info{
  position: absolute;
  width: 40%;
  top: 170px;
  right: 0%;
}
@media(max-width:1024px){
  .banner-info{
    width: 45%;
    top: 50px;
  }
}

@media(max-width:540px){
  .banner-info{
    width: 90%;
    top: 30px;
    margin-left: 50%;
    transform: translateX(-50%);
    right: auto;
    top: 15px;
  }
}

.banner-info img{
  width: 100%;
  max-width: 600px;
}


@media(max-width:768px){
.pro-btn{
margin-top: 95%;
}
}
@media(max-width:540px){
.pro-btn{
margin-top: 90%;
}
}
p.pro-title {
color: #7a081d;
font-size: 26px;
}
@media(max-width:768px){
p.pro-title{
  color: #ffde39;
  font-size: 22px;
  text-shadow: 0px 0px 5px #fff;
}
}
.sm-img{
  display: none;
}
@media(max-width:540px){
  .sm-img{
    display: block;
    width: 50%;
    background-color: #ecdff9;
    padding: 5px 10px;
    border-radius: 10px;
  }
}
.sm-img span{
  color: #333;
  margin-left: 5px;
}

/*owl-carousel*/
.owl-carousel .owl-stage-outer{
  padding-top: 40px;
}

.owl-nav button span {
  font-size: 30px;
  font-weight: bold;
  color: #8b89a1;
}
.owl-theme .owl-nav [class*=owl-]:hover{
  background: #ffffff;
  color: #8160c8;
}
/*圖片*/
.HomeDefault img{
  width: 100%;
}

@media (min-width: 1700px){
  .container.c-wdth{
    width: 1654px;
  }
}

section.ProfileBody{
  background-color: #d1d1d1;
  padding: 95px 0px 123px 0px;
}
@media(max-width:768px){
  section.ProfileBody{
    padding: 45px 0px 73px 0px;
  }
}
section.ProfileBody img{
  width: 100%;
}
@media(max-width:768px){
  section.ProfileBody img{
    width: 80%;
  }
}
section.ProfileBody .img-size{
  max-width: 682px;
}
/* @media(max-width:768px){
  section.ProfileBody .img-size{
    width: 80%;
  }
} */
section.ProfileBody h3{
  color: #7860a9;
  font-size: 32px;
  line-height: 53px;
  text-align: center;
}
@media(max-width:768px){
  section.ProfileBody h3{
    font-size: 20px;
    line-height: 36px;
  }
}
section.proAD {
  background-color: #281b47;
  padding-bottom: 180px;
}
@media(max-width:768px){
  section.proAD{
    padding-bottom: 45px;
  }
}
.proAD .ad-block{
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1654px;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: -13%;
}
@media(max-width:768px){
  .proAD .ad-block{
    margin-top: -30%;
  }
}
.proAD .ad-block img{
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media(max-width:768px){
  .proAD .ad-block img{
    width: 90%;
  }
}

/* footer */
.footerwrap{
  color: #ece4ff;
  background: #54398f;
  /* background: #8160c8; */
  padding: 0px;
  padding-bottom: 15px;
}
.footer-nav {
  border-bottom: solid 1px #805dcb;
  padding-top: 10px;
  text-align: center;
}
@media(max-width:768px){
  .footer-nav{
    text-align: left;
  }
}
.footer-nav a{
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  font-size: 15px;
  text-decoration: none;
}
.footer-nav a:hover,
.footer-nav a:focus{
  color: rgb(255 226 162);
}
@media(max-width:768px){
  .footer-nav a{
    margin: 5px 5px 5px 5px;
    border-left: solid 1px #805dcb;
    padding: 1px 0px 1px 5px;
    text-align: center;
    width: 30%;
  }
}
.fab-icon a {
  color: #54398f;
  font-size: 20px;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  background-color: #b797ff;
  border-radius: 30px;
  margin-left: 5px;
  margin-top: 30px;
  text-decoration: none;
}

.fab-icon a:hover, .fab-icon a:focus{
    background-color: #ffffff;
  }

.fab-icon .fa{
  font-size: 18px;
}

.copy-text{
  color:#b797ff;
}

/* 內頁banner */
.inner-page {
  height: 300px;
  position: relative;
  background-image: url(/hipershop/rwd1561/store/F1/inner-banner.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top center;
}
@media(max-width:768px){
  .inner-page{
    height: 150px;
  }
}
.inner-page .inner-txt{
  position: absolute;
  right: 20%;
  bottom: 30%;
  font-weight: bold;
  color: rgb(255 255 255);
  padding: 5px 10px;
  border-bottom: solid 1px #fff;
  text-shadow: 0px 0px 10px rgb(150 141 173 / 50%);
}
@media(max-width:768px){
  .inner-page .inner-txt{
    border-bottom: solid 0px #fff;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}
.inner-page h2{
  text-align: center;
}

.category-wrapper,
.category-wrapper p,
.category-wrapper li,
.product-wrapper,
.product-wrapper p{
  font-size: 16px;
  line-height: 2;
}
.category-wrapper aside li{
  border-bottom: solid 1px #e8e6ed;
}
.category-wrapper img,
.product-wrapper img{
  width: 100%;
  display: block;
  margin: 0 auto;
}
/* contact */
.contact-wrapper{
  padding-bottom: 0px;
}

.btn-info{
  background-color: #c89a60;
  border-color: #c89a60;
}
.btn-info:hover,
.btn-info:active:focus{
  background-color: #a37d4e;
  border-color: #a37d4e;
}

.info {
  display: block;
  width: 70%;
  margin: 30px auto;
}
@media(max-width:768px){
.info{
  width: 100%;
}
}
.contact-info .info-title{
/* width: 44%; */
text-align: left;
/* background-color: #fff;
background-color: rgb(242 242 255 / 75%); */
border-radius: 10px;
margin: 0% 1%;
padding: 1% 2%;
/* box-shadow: 1px 1px 4px #7f5dc8; */
position: relative;
color: #281b48;
margin-bottom: 5%;
}
@media(max-width:540px){
  .contact-info .info-title{
    box-shadow: none;
    background:none;
  }
}
.contact-info .info-title:nth-of-type(1){
/* float: left; */
border-bottom: solid 1px #dfdfdf;
}
.contact-info .info-title:nth-of-type(2){
/* float: right; */
}
.info-title h3{
font-size: 20px;
color: #281b48;
margin-top: 5px;
}

.info-title h3 span{
font-size: 14px;
}
.info-title p{
font-size: 14px;
line-height: 1.5;
}
@media(max-width:414px){
.info-title p{
  font-size: 13px;
}
}
p.Remark {
margin-top: 5px;
}
.contact-info .info-title .info-img{
  width: 60px;
  position: absolute;
  right: 15px;
}
@media(max-width:540px){
  .contact-info .info-title .info-img {
    display: none;
  }
}

@media(max-width:540px){
  .form-block{
    background-color: #e8e6ed;
    padding: 36px 15px;
  }
}

/* 商品 */
.li-item a {
  color: #333;
}
.normal-price-s,
.normal-price{
  color: #e55ac1;
}
.btn-warning{
  background-color: #c89a60;
  border-color: #c89a60;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active{
  background-color: #b68c58;
  border-color: #b68c58;
}
/*  news*/
.news_content,
.news_content p{
  font-size: 16px;
  line-height: 2;
}