html, body {
    margin: 0;
    padding: 0;
    padding-top: 68px;
    font-family: 'Noto Sans TC', sans-serif !important;
}

@media screen and (max-width: 768px) {
    body { padding-top: 0px; }
}

.container-1 {
    vertical-align: middle;
    white-space: nowrap;
}

.container-1 input#search {
    width: 100%;
    height: 50px;
    background: #f3f3f3;
    border: none;
    font-size: 10pt;
    float: left;
    color: #63717f;
    padding-left: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.container-1 input#search::-webkit-input-placeholder {
    color: #65737e;
}

.container-1 input#search:-moz-placeholder {
    /* Firefox 18- */
    color: #65737e;
}

.container-1 input#search::-moz-placeholder {
    /* Firefox 19+ */
    color: #65737e;
}

.container-1 input#search:-ms-input-placeholder {
    color: #65737e;
}

.container-1 .icon {
    position: absolute;
    margin-left: 17px;
    margin-top: 12px;
    z-index: 1;
    color: #4f5b66;
}

.hr-right {
  border-right: 1px solid #65737e;
}

.custom-toggler {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(52, 58, 64, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar{
    padding: 0px !important;
}

.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}

.productImg {
  /* The image used */

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

.path_next {
    display: flex;
    border-style: solid;
    border-width: 3px 3px 0px 0px;
    border-color: #454a4e;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    margin-left: 10px;
    margin-right: 15px;
}


.custom-btn {
  transition: 0.1s linear;
  background-color: #343a40;
  color: #f8f9fa;
  border: none;
}

.custom-btn:hover {
  background-color: #23272b;
}

.custom-btn:focus {
  background-color: #23272b;
  outline: none;
}

.custom-btn-focus {
  background-color: #23272b;
  outline: none;
}


.custom-btn2 {
  transition: 0.1s linear;
  background-color: rgba(84,122,160,0);
  color: #f8f9fa;
  border: none;
}

.custom-btn2:hover {
  background-color: rgba(84,122,160,1);
}

.custom-btn2:focus {
  background-color: rgba(84,122,160,1);
  outline: none;
}

.custom-btn2-focus {
  background-color: rgba(84,122,160,1);
  outline: none;
}

.webkit2 {
  display: -wekit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  word-wrap: break-word;
  word-break: break-all;
}

.custom-link {
color:#343a40;
text-decoration:none;
}
.custom-link:link {
color:#343a40;
text-decoration:none;
}
.custom-link:visited {
  color: #343a40;
  text-decoration:none;
}
.custom-link:hover {
  color: #999999;
  text-decoration:underline;
}
.custom-link:active {
  color: #343a40;
  text-decoration:none;
}


.custom-link2 {
color:#f7f7f7;
text-decoration:underline;
}
.custom-link2:link {
color:#f7f7f7;
text-decoration:underline;
}
.custom-link2:visited {
  color: #f7f7f7;
  text-decoration:underline;
}
.custom-link2:hover {
  color: #999999;
  text-decoration:underline;
}
.custom-link2:active {
  color: #f7f7f7;
  text-decoration:underline;
}

.pictrue-wall {
  background-image: url("https://3.share.photo.xuite.net/tva0379/13d6d11/19795424/1118827569_m.jpg");
  height: 300px;
  width: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.custom-badge {
  border-radius: 0px 5px 5px 0px;
  padding-left: 20px;
}

.custom-p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rectangle {
    display: flex;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #c50000;
}

::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    background: #343a40;
}

::-webkit-scrollbar-thumb {
    background: rgba(84,122,160,1);
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-corner {
    background: #343a40;
}