a {
    color: #525252;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #a7a7a7;
}
/*navbar下拉選單*/
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}
.dropright .dropdown-toggle::after {
    position: absolute;
    right: 6px;
    top: 1em;
}
.dropdown-submenu .dropdown-menu {
  left: 0;
  width: 100%;
  border:1px solid #ddd;
}
/*下拉選單*/

.dropdown-product
{
  max-height: calc(100vh - 56px);
  overflow-y:auto;
}

.img-fit-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.img-fit {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.img-fit-wrap-2 {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
}
.img-fit-2 {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}



.radio-btn {
  display: none;
}
.radio-btn + label {
  border: 1px solid #AAA;
  padding: 3px 8px;
  cursor: pointer;
  margin-right: 5px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  user-select:none;
}
.radio-btn:checked + label {
  border: 1px solid orange;
  color: orange;
  font-weight: 900;
  transform: scale(1.1, 1.1);
}


.cursor-pointer {
  cursor: pointer;
}
.ani-hover-scale-3:hover {
  transform: scale(1.3, 1.3);
}



.loading-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999; 
}

.loading {
  position: absolute;
  top: calc(50% - 25px);
  width: 100%;
  height: 50px; 
}



@media screen and (max-width: 768px) {
  .items {
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }
  .items:nth-child(odd) {
    margin-right: 10px;
  }

  

  .m-hide {
    display: none;
  } 

  .dropdown-submenu .dropdown-menu {    
    margin-left: .5rem;
    margin-right: .5rem;

  }

  
}

@media screen and (min-width: 769px) {
  .items {
    width: calc(25% - 10px);
    margin-bottom: 10px;
  }
  .items:first-child {
    margin-right: 10px;
    
  }
  .items + .items {
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
  .dropdown-submenu .dropdown-menu {    
    margin-left: .5rem;
    margin-right: .5rem;
  } 
  .dropdown-product
  {
    max-height: 50vh;
    overflow-y:auto;
  }
}