body {
  font-family: Microsoft JhengHei;
}
.page-bg{
  background-position: center top;
  width: 100%;
  background-image: url(http://waherya.com/img/page-bg1.webp);
  background-size: cover;
  background-repeat:no-repeat;
  min-height: 100vh;
  background-attachment: fixed;
}

.index-header {
  display: block;
  margin-top: 70px;
  /*background: url('../img/header-index.jpg') center center;
	background-size: cover;*/
  width: 100%;
}
.index-header .row {
  margin: 20px;
}
.index-text {
  margin-top: 25%;
}
.icon-sec h5 {
  color: #EB7013;
}
.index-icon-block {
  height: 185px;
  text-align: center;
}
/*button點擊後顏色*/
.btn.active {
  color: white !important;
  background-color: #EB7013 !important;
}
.btn-light:active:hover, .btn-light:visited:hover, .btn-light:focus:hover, .btn-light:hover {
  color: white !important;
  background-color: #EB7013 !important;
}
/*時段選擇的checkbox*/
.custom-control-input:checked ~ .custom-control-label::before {
  /*color: #EB7013 !important;*/
  border-color: #EB7013 !important;
  background-color: #EB7013 !important;
  margin-left: 1px;
}
/*exptable*/
.exptable .td {
  margin: 0 auto;
}
.custom-control {
  width: 100%;
}
.time_ch_text {
  font-size: 18px;
}
@media (min-width: 768px) {
  .index-text {
    padding-left: 60px;
  }
}
section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
section, section h2, section div {
  padding: 2rem 0;
}
section div a {
  padding: 15px 20px;
  border-radius: 5px;
  border: 2px solid #717071;
  color: #717071;
  text-decoration: none;
  font-weight: bolder;
  transition: all 0.3s;
}
section div a:hover {
  color: #717071;
  text-decoration: none;
  padding: 20px 25px;
}
section .card {
  padding: 0 0;
}
section .card img {
  width: 100%;
}
section .card .card-text {
  text-align: left;
}
.img-block {
  text-align: center;
}
.img-block img {
  max-width: 100%;
}
footer {
  /* height: 250px;
	background-color: #717071; */
}
.member-block {
  padding-top: 7rem ;
}
.member-block-btn div {
  width: 400px;
  transition: 0.3s all;
}
.member-block-btn div:hover {
  transform: translateX(30px);
}
/*.member-block a{
	padding:8rem 6rem;
	border:10px solid #EB7013;
	border-radius: 50%;
	box-shadow: 1px 1px 10px grey;
	font-size: 30px;
	font-weight: bolder;
	color: #EB7013;
	transition: all 0.3s;
}

.member-block a:hover{
	text-decoration: none;
	padding:9rem 7rem;
	box-shadow: 5px 5px 15px grey;
	background-color: #EB7013;
	color: white;
}*/


/* 內頁_上方選單 *********************************************************/
.member-nav a {
  display: inline-block;
}
.member-nav a:hover{
  transform: translatey(-10px);
}
.member-nav a img {
  width: 250px;
}

.member-nav {
  padding: 30px 0px;
  /* margin-bottom:20px; */
  max-width: 1200px;
  margin: 0 auto;
  /*border-bottom: 1px solid #717071;*/
}



.member-nav a:hover {}
/*會員登入

.member-form{
	padding: 3rem 3rem;
}

.member-form input{
	max-width: 97%;
}
*/
/***************************************************************************/
* {
  box-sizing: border-box;
}
/* style the container */
.container_login {
  margin: 0 auto;
  max-width: 1366px;
  position: relative;
  border-radius: 5px;
  padding: 150px 0 30px 0;
}
/* style inputs and link buttons */
input, .btn {
  width: 80%;
  padding: 12px;
  border: 1px solid #d1d3e2;
  border-radius: 4px;
  margin: 5px 0;
  opacity: 0.85;
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none; /* remove underline from anchors */
}
input:hover, .btn:hover {
  opacity: 1;
}
/* add appropriate colors to fb, twitter and google buttons */
.fb {
  background-color: #3B5998;
  color: white;
}
.google {
  background-color: #dd4b39;
  color: white;
}
/* style the submit button */
input[type=submit] {
  /* background-color: #4CAF50; */
  background-color: #fe8d29;
  color: white;
  cursor: pointer;
}
input[type=submit]:hover {
  /* background-color: #45a049; */
  background-color: #ffeadb;
}
/* Two-column layout */
.col {
  float: left;
  width: 100%;
  margin: auto;
  /*padding: 0 50px;*/
  margin-top: 30px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* vertical line */
.vl {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border: 1px solid #ddd;
  height: 175px;
  margin-top: 60px;
}
/* hide some text on medium and large screens */
.hide-md-lg {
  display: none;
}
.psw_forget {
  text-align: right;
  padding-bottom: 3%;
  width: 80%;
}
.form-group-1 {
  margin-bottom: 1rem;
  padding-right: 20px;
  padding-left: 20px;
}
/* Responsive layout - when the screen is less than 650px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 650px) {
  .form-group {
    max-width: 100%;
    margin: auto;
    padding-left: 13px;
  }
  .col {
    width: 100%;
    margin-top: 5px;
  }
  /* hide the vertical line */
  .vl {
    display: none;
  }
  /* show the hidden text on small screens */
  .hide-md-lg {
    display: block;
    text-align: center;
  }
}
/***************************************************************************/
.new-product {
  height: 600px;
}
.new-product-body {
  height: 450px;
  overflow-y: scroll;
}
.new-product input {
  /*width: 100%;*/
  margin-bottom: 30px;
}
.new-product .form-check input {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .member-form {
    padding: 10px 10px;
  }
}
/*修改資料 > 修改資料*********************************************************/
.member-form__info {
  width: 100%;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 100px;
}
@media (min-width: 992px) {
  .member-form__info {
    max-width: 970px;
  }
}
/* END ******************************************************/
.member-form .btn-send {
  width: 100%;
  border: 2px solid #EB7013;
  color: #EB7013;
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  background: none;
  margin-top: 30px;
  font-weight: bold;
}
.member-form .btn-send:hover{
  background-color: #e06d19;
  color: white;
}
.my-website {
  max-width: 1100px;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 100px;
}
@media (max-width:400px) {
  .my-website {
    padding-left: 0px;
    padding-right: 0px;
  }
 
}
.website-box {
  padding: 3rem 0;
  border-bottom: 0.5px solid #d7d6d7;
}
.website-name {
  font-size: 20px;
  font-weight: bolder;
}
@media (max-width: 500px) {
  .website-box-btn {
    text-align: center;
  }
}
.website-box .editor-go {
  padding: 5px 15px;
  /*	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;*/
  /* background-color: #EB7013; */
  background-color: #FF9224;
  color: white;
  font-weight: bold;
  display: inline-block;
}
.website-box .editor-go-grey {
  padding: 5px 15px;
  /* background-color: #a1a1a1; */
  background-color: #84C1FF;
  color: white;
  font-weight: bold;
  display: inline-block;
}
.website-box .editor-go:hover {
  text-decoration: none;
}
.website-box .editor-por{
  padding: 5px 15px;
  background-color: #89a7ff;
  color: white;
  font-weight: bold;
  display: inline-block;
}
.web-theme-block {
  padding: 5rem 0;
}
.web-theme-block img {
  width: 100%;
}
.web-theme-block a {
  color: #EB7013;
  border: 1px solid #EB7013;
  border-radius: 25px;
  padding: 5px 45px;
  display: inline-block;
  margin-top: 10px;
  transition: all 0.3s;
  font-weight: bolder;
}
.web-theme-block a:hover {
  color: white;
  background: #EB7013;
  text-decoration: none;
}
/* fb & google 登入畫面 *******************************/
/* style inputs and link buttons */
input, .btn {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 4px;
  margin: 5px 0;
  opacity: 0.85;
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none; /* remove underline from anchors
}
/*
input:hover,*/
  .btn:hover {
    opacity: 1;
  }
  /* add appropriate colors to fb, twitter and google buttons */
  .fb {
    background-color: #3B5998;
    color: white;
  }
  .twitter {
    background-color: #55ACEE;
    color: white;
  }
  .google {
    background-color: #dd4b39;
    color: white;
  }
  /* style the submit button */
  input[type=submit] {
    background-color: #4CAF50;
    color: white;
    cursor: pointer;
  }
  input[type=submit]:hover {
    background-color: #45a049;
  }
  /* fb & google *****************************/
  .fb-login, .gg-login {
    display: block;
    text-align: center;
    margin-bottom: 15px;
    padding: 5px 0;
    color: white;
    font-weight: bolder;
    text-decoration: none;
    cursor: pointer;
  }
  .fb-login i, .gg-login i {
    display: inline-block;
    width: 40px;
  }
  .fb-login {
    background-color: #3b5998;
  }
  .gg-login {
    background-color: #dd4b39;
  }
  .fb-login:hover, .gg-login:hover {
    text-decoration: none;
    color: white;
  }
  .result-check {
    margin-top: 40px;
  }
  .result-check div {
    display: inline-block;
  }
  .web-table {
    margin-bottom: 40px;
  }
  .web-table .ads-effect-btn a {
    display: inline-block;
    padding: 5px 15px;
    text-align: center;
    border: 0.1px solid #DDDDDD;
    margin-right: 10px;
  }
  /*add_group、add_activity*/
  /*.ads-effect-btn a{
	display: inline-block;
	padding: 5px 15px;
	text-align: center;
	border: 0.1px solid 	#DDDDDD;
	margin-right: 10px;
	color: #717071;
	text-decoration: none;
}*/
  /*add_group、add_activity*/
  .ads-table th, .web-table th {
    border-top: 0px;
  }
  .web-table a {
    color: #717071;
    text-decoration: none;
  }
  .ads-table .ads-id {
    /*	width: 6%;*/
  }
  .ads-table .ads-word {
    /*	width: 13%;*/
  }
  .ads-table .ads-act {
    /*	width: 16%;*/
  }
  .ads-table .ads-group {
    /*	width: 13%;*/
  }
  .ads-table .ads-status {
    /*	width: 9%;*/
  }
  .ads-table .ads-click {
    /*	width: 6%;*/
  }
  .ads-table .ads-light {
    /*	width: 6%;*/
  }
  .ads-table .ads-read {
    /*	width: 7%;*/
  }
  .ads-table .ads-price {
    /*	width: 8%;*/
  }
  .ads-table .ads-cost {
    /*	width: 7%;*/
  }
  .ads-table .ads-rank {
    /*	width: 8%;*/
  }
  @media (max-width: 768px) {
    .ads-table {
      width: 100%;
    }
    .ads-table thead {
      display: none;
    }
    .ads-table td {
      display: block;
      border: 0px solid;
      font-weight: bolder;
      padding: 0.5rem;
    }
    .ads-table tr {
      display: block;
      padding: 25px;
      margin-top: 15px;
      border: 2px solid #717071;
      border-radius: 25px;
    }
    .ads-customer::before {
      content: "客戶名稱：";
    }
    .ads-customer-id::before {
      content: "廣告賬號：";
    }
    .ads-view-id::before {
      content: "廣告：";
    }
    .ads-table .ads-id::before {
      content: "編號：";
    }
    .ads-table .ads-word::before {
      content: "關鍵字：";
      border-top: 0px solid !important;
    }
    .ads-table .ads-act::before {
      content: "";
      border-top: 0px solid;
    }
    .ads-table .ads-group::before {
      content: "廣告群組：";
      border-top: 0px solid;
    }
    .ads-table .ads-activity-name::before {
      content: "廣告活動名稱：";
      border-top: 0px solid;
    }
    .ads-table .ads-group-name::before {
      content: "廣告群組名稱：";
      border-top: 0px solid;
    }
    .ads-table .ads-activity::before {
      content: "廣告活動：";
      border-top: 0px solid;
    }
    .ads-table .ads-view-activity::before {
      content: "查看廣告活動：";
      border-top: 0px solid;
    }
    .ads-table .word-add::before {
      content: "文字廣告：";
      border-top: 0px solid;
    }
    .ads-table .daily-budget::before {
      content: "每日預算：";
      border-top: 0px solid;
    }
    .ads-table .ads-remark::before {
      content: "備註：";
      border-top: 0px solid;
    }
    .ads-table .ads-edit::before {
      content: "編輯：";
      border-top: 0px solid;
    }
    .ads-table .ads-group::before {
      content: "廣告群組：";
      border-top: 0px solid;
    }
    .ads-table .ads-time::before {
      content: "時段：";
      border-top: 0px solid;
    }
    .ads-table .ads-status::before {
      content: "狀態：";
      border-top: 0px solid;
    }
    .ads-table .ads-effect-btn::before {
      content: "查看：";
      border-top: 0px solid;
    }
    .ads-table .ads-click::before {
      content: "點擊：";
      border-top: 0px solid;
    }
    .ads-table .ads-light::before {
      content: "曝光：";
      border-top: 0px solid;
    }
    .ads-table .ads-turn::before {
      content: "轉換率：";
      border-top: 0px solid;
    }
    .ads-table .turn-times::before {
      content: "轉換次數：";
      border-top: 0px solid;
    }
    .ads-table .turn-cost::before {
      content: "單次轉換費用：";
      border-top: 0px solid;
    }
    .ads-table .ads-read::before {
      content: "點閱率：";
      border-bottom: 0px solid;
    }
    .ads-table .de-price::before {
      content: "預設出價：";
      border-top: 0px solid;
    }
    .ads-table .high-price::before {
      content: "最高出價：";
      border-top: 0px solid;
    }
    .ads-table .ads-price::before {
      content: "平均單次點擊出價：";
      border-top: 0px solid;
    }
    .ads-table .ads-cost::before {
      content: "費用：";
      border-top: 0px solid;
    }
    .ads-table .ads-ave-cost::before {
      content: "平均費用：";
      border-top: 0px solid;
    }
    .ads-table .ads-busy::before {
      content: "商機：";
      border-top: 0px solid;
    }
    .ads-table .ads-ave-busy::before {
      content: "平均商機成本：";
      border-top: 0px solid;
    }
    .ads-table .ads-busy-rat::before {
      content: "商機率：";
      border-top: 0px solid;
    }
    .ads-table .ads-date::before {
      content: "日期：";
      border-top: 0px solid;
    }
    .ads-table .ads-search-keyword::before {
      content: "搜尋關鍵字：";
      border-top: 0px solid;
    }
    .ads-table .ads-keyword::before {
      content: "關鍵字：";
      border-top: 0px solid;
    }
    .ads-table .ads-rank::before {
      content: "";
      border-top: 0px solid;
    }
    .ads-mword {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .ads-mword a {
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
      padding: 5px 15px;
      background-color: #EB7013;
      color: white;
    }
    .btn-cancel-ante {
      border: 0px solid;
      width: 100%;
      font-size: 20px;
      font-weight: bolder;
    }
    .ads-table .new-word-date::before {
      content: "日期：";
    }
    .ads-table .new-word-type::before {
      content: "類型：";
    }
    .ads-table .new-word-name::before {
      content: "關鍵字：";
    }
    .ads-table .new-word-change::before {
      content: "修改出價：";
    }
    .ads-table .new-word-status::before {
      content: "狀態：";
    }
    /* add_new_act */
    .ads-table .ads-week::before {
      content: "星期";
      border-top: 0px solid;
    }
    .ads-table .ads-midnight::before {
      content: "凌晨";
      border-top: 0px solid;
    }
    .ads-table .ads-am::before {
      content: "早上";
      border-top: 0px solid;
    }
    .ads-table .ads-roon::before {
      content: "下午";
      border-top: 0px solid;
    }
    .ads-table .ads-pm::before {
      content: "晚上";
      border-top: 0px solid;
    }
    .ads-table .ads-all::before {
      content: "全天";
      border-top: 0px solid;
    }
    .search-date {}
    .search-submit {
      width: 100%;
      display: block;
      margin-top: 15px;
      padding: 10px 0px;
    }
    .search-date-input {
      width: 116px;
    }
    .search-total {
      margin-left: 0px !important;
      margin-top: 15px;
    }
    .suggested-word::before {
      content: "相關關鍵字：";
    }
    .monthly_searches::before {
      content: "每月平均搜索次數：";
    }
    .competition::before {
      content: "競爭商家：";
    }
    .suggested-word-value::before {
      content: "建議指數：";
    }
    .proposal-title {
      margin-top: 4rem;
    }
    .word-proposal-label {
      width: 100%;
      height: 100%;
      /*padding: 10px 0px;*/
    }
  }
  .btn-cancel-ante {
    display: inline-block;
    background-color: #717071;
    color: white;
    font-size: 13px;
    padding: 5.5px 10.5px;
  }
  .google-link ::-webkit-input-placeholder {
    color: #AAA;
  }
  /*Firefox 4-18瀏覽器專用*/
  .google-link input::-moz-placeholder {
    color: #AAA;
  }
  /*Firefox 19+瀏覽器專用*/
  .google-link input::-moz-placeholder {
    color: #AAA;
  }
  /*IE10瀏覽器專用*/
  .google-link:-ms-input-placeholder {
    color: #AAA;
  }
  .google-link table td {}
  @media (max-width: 768px) {
    .google-link table td {
      display: block;
    }
  }
  .google-ads-acount {
    display: inline-block;
    color: #EB7013;
    font-weight: bolder;
    padding: 5px 10px;
    margin: 30px 0px;
    max-width: 100%;
  }
  .google-ads-acount input {
    border: 0px;
    padding: 5px 10px;
    color: black;
    max-width: 100%;
  }
  .ads-table-cell {
    width: 33%;
    display: inline-block;
    padding: 10px;
    color: #717071;
  }
  @media (max-width: 500px) {
    .ads-table-title {
      display: none;
    }
    .ads-table-cell {
      width: 100%;
      padding: 2px;
    }
  }
  .pay-table-cell {
    width: 25%;
    display: inline-block;
    padding: 10px;
    color: #717071;
  }
  .payment-change {
    display: inline-block;
    font-size: 20px;
    margin-left: 30px;
    padding: 5px 10px;
    color: white;
    background-color: #717071;
    vertical-align: middle;
  }
  .pay-inform-btn a, .pay-inform-btn input {
    display: inline-block;
    padding: 10px 20px;
    background: #EB7013;
    color: white !important;
    font-weight: bolder;
    text-decoration: none !important;
    border: 0px;
    margin-right: 20px;
  }
  .pay-inform-btn input {
    background: #717071;
  }
  /*總花費.查詢日期.確定鈕*/
  .total_cost_btn {
    display: block;
    padding: 2px;
    background: #EB7013;
    color: white;
    /*font-weight: bolder;*/
    text-decoration: none !important;
    border: 0px;
    /*text-align: center;*/
    /*margin-right: 20px;*/
  }
  @media (max-width: 500px) {
    .pay-table-title {
      display: none;
    }
    .pay-table-cell {
      width: 100%;
      padding: 2px;
    }
    .pay-inform-btn a, .pay-inform-btn input {
      width: 100%;
      text-align: center;
      margin-bottom: 10px;
    }
  }
  .link-status {
    padding: 10px;
    margin: 10px;
    margin-top: 0px;
    display: block;
    text-align: center;
    text-decoration: none;
  }
  .link-status:hover {
    text-decoration: none;
  }
  .link-red {
    color: #E74A3B !important;
    border: 1px solid #E74A3B;
  }
  .link-yellow {
    color: #FFC107 !important;
    border: 1px solid #FFC107;
  }
  .link-green {
    color: #28A745 !important;
    border: 1px solid #28A745;
  }
  .proposal-title {
    padding: 10px;
    border: 0.5px solid #717071;
    display: inline-block;
  }
  .proposal-input {
    padding: 2px 5px;
    border: solid 0.1px #bebebe;
  }
  .shop-form h3 {
    margin: 30px 0px;
  }
  .shop-infrom table tr td {
    border: 0px;
  }
  .shop-more-btn {
    margin-top: 30px;
  }
  .shop-more-btn a {
    display: inline-block;
    padding: 3px 25px;
    background: #717071;
    color: white;
    font-weight: bold;
    text-decoration: none;
  }
  /* 評論區*/
  .comment-inform .comment-btn {
    margin-bottom: 40px;
  }
  .comment-inform .comment-btn a {
    color: black;
    display: inline-block;
    width: 33%;
    text-align: center;
    padding: 15px 0px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: solid 6px #717071;
  }
  @media (max-width: 500px) {
    .comment-inform .comment-btn a {
      width: 32%;
    }
  }
  .comment-inform .comment-btn .active {
    border-bottom: solid 6px #EB7013;
  }
  .comment-list .comment-details {
    border: 0.5px solid #aaa;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #aaa;
    color: black;
    margin-bottom: 30px;
  }
  .comment-list .comment-details .comment-user {
    text-align: center;
  }
  .comment-list .comment-details .btn-light {
    border: 0.5px solid black;
    border-radius: 0px;
    margin-top: 20px;
    background: none;
    display: block;
  }
  .comment-list .comment-details .reply-close {
    display: none;
  }
  .comment-list .comment-details form .comment-reply {
    width: 100%;
    border: 0px;
    border-bottom: 2px solid #AAA;
    padding: 10px 15px;
    background: #F5F5F5;
    margin-top: 10px;
    border-radius: 5px;
  }
  .none-reply {
    color: #aaa;
    font-style: italic;
  }
  .product-inform .card {
    margin-bottom: 5px;
  }
  .re-comment {
    padding: 10px;
    background-color: #f0f0f0;
  }
  .new-product-body .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
  }
  .new-product-body .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .new-product-body .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .new-product-body .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .new-product-body input:checked + .slider {
    background-color: #2196F3;
  }
  .new-product-body input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  .new-product-body input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
  }
  /* Rounded sliders */
  .new-product-body .slider.round {
    border-radius: 34px;
  }
  .new-product-body .slider.round:before {
    border-radius: 50%;
  }
  .shop_image_card {
    border: 0px;
    width: 14rem;
    margin: 0px 10px;
  }
  @media (max-width: 768px) {
    .shop_image_card {
      width: 46%;
    }
  }
  @media (max-width: 500px) {
    .shop_image_card {
      width: 100%;
    }
  }
  .shop_image_card span {
    display: block;
    margin-bottom: 10px;
  }
  .shop_image_card .image-card-btn a {
    width: 100%;
    margin-bottom: 10px;
    border: 1.5px solid #EB7013;
    color: #EB7013;
    font-weight: bolder;
  }
  .product-inform .card .card-img {
    width: 229px;
    height: 171px;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  .product-inform .card .card-body {
    /*width: 229px;*/
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .pagebtn a {
    display: block;
    border: #EB7013 2px solid;
    padding: 15px 0px;
    font-weight: bolder;
    text-decoration: none;
    transition: all 0.3s;
    color: #EB7013;
  }
  .pagebtn a:hover {
    display: block;
    border: #EB7013 2px solid;
    background-color: #EB7013;
    color: #fff;
  }


 /* .member-nav a{
	color: #717071;
	display: inline-block;
	padding: 8px 30px;
	background-color: white;
	margin: 0px 2px;
	font-weight: bolder;
	border-bottom: 0.5px solid #717071;
}

.member-nav .active{
	border-bottom: 0px solid #717071!important;
}*/
  .shop-index .card {
    margin-bottom: 20px;
  }
  .shop-index .card .card-title {
    color: black;
    font-weight: bolder;
  }
  .shop-index .card .card-img-block {
    height: 200px;
    overflow-y: hidden;
  }
  .shop_image_card .card-img-block {
    height: 200px;
    overflow-y: hidden;
    vertical-align: middle;
  }
  .shop_image_card .card-img-block img {
    vertical-align: middle;
  }
  @media (min-width: 768px) {
    .target-block {
      margin: 3rem 0px;
    }
  }
  .shop-details-btn {
    width: 100%;
    margin: 0 auto;
  }
  @media (max-width: 768px) {
    .shop-details-btn {
      width: 100%;
    }
  }
  .shop-details-card {
    margin: auto;
    border-radius: 15px;
    width: 47%;
    border: 0px;
    box-shadow: 3px 3px 5px grey;
    color: black;
    margin-bottom: 20px;
  }
  @media (min-width: 768px) {
    .shop-details-card {
      width: 19%;
    }
  }
  .shop-details-card .card-top {
    margin-top: 20px;
    font-size: 40px;
  }
  .shop-details-card .card-top span {
    display: inline-block;
    text-align: center;
    padding: 0px;
    width: 60px;
    background: blue;
    color: white;
    border-radius: 40px;
  }
  .card-title {
    font-weight: bolder;
    font-size: 25px;
    color: #717071;
  }
  .btn-shop-details {
    border: 0.5px solid #D3D3D3;
    font-weight: bolder;
  }
  .service-list .service-details {
    border: 0.5px solid #aaa;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #aaa;
    color: black;
    margin-bottom: 30px;
  }
  .service-list .service-details h2 {
    color: #717071;
    font-weight: bolder;
  }
  .service-list .service-details p {
    margin-bottom: 0px;
  }
  .service-list .service-details .service-repeat {
    padding: 20px;
    margin-top: 20px;
    background: #F5F5F5;
  }
  .card-img-top-product {
    height: 171px;
    width: 229px;
    overflow: hidden;
  }
  @media (max-width: 500px) {
    .card-img-top-product {
      height: 100%;
      width: 100%;
    }
    .api-div {
      padding: 0px 10px !important;
    }
  }
  #details-time .time-control div {
    display: inline-block;
  }
  #details-time .time-control .day-control {
    width: 15%;
  }
  #details-time .time-control .switch-control {
    width: 15%;
  }
  #details-time .time-control .time-set {
    width: 60%;
    margin-left: 30px;
  }
  #details-time .time-control .time-set select {
    display: inline-block;
    width: 30%;
  }
  .effect-content {
    color: black;
    font-weight: bolder;
  }
  .product-view {
    margin-bottom: 25px;
  }
  .product-view .product-view-block {
    display: inline-block;
  }
  .new-page-btn {
    text-decoration: none;
    color: #717071;
    font-size: 20px;
    font-weight: bolder;
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #717071;
    border-radius: 30px;
  }
  .new-page-btn:hover {
    color: #EB7013;
    border: 2px solid #EB7013;
    text-decoration: none;
    transition: all 0.5s ease-out;
  }
  .new-page-btn i {
    margin-right: 20px;
  }