.nice-select {
  -webkit-tap-highlight-color: transparent;
  display: block;
  outline: none;
  position: relative;
  z-index:1009;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float:right;
  cursor: pointer; 
 font-size:16px;
 color:#fff;
 appearance:none;
 -moz-appearance:none;
 -webkit-appearance:none;
 box-shadow:0px 3px 6px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.1);
 letter-spacing:0.5px;
 padding:10px 5px 10px 50px; 
 margin:0 0 20px 15px; 
 height:40px;
transition: all 240ms ease-out; 
-webkit-transition: all 240ms ease-out; 
-moz-transition: all 240ms ease-out; 
-ms-transition: all 240ms ease-out; 
-o-transition: all 240ms ease-out;
}

.albumfilter .selecttype .nice-select {
 background: #008a3e url(../images/icon_type.png) no-repeat scroll 10px center;
 width:210px;
}

.albumfilter .selectyear .nice-select {
 background: #008a3e url(../images/icon_calendar.png) no-repeat scroll 10px center;
 width:150px;
}

.nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; 

    }
     .nice-select .list {
      min-width:100%;
    background-color: #fff;
    box-shadow: 0 4px 9px rgba(0, 0, 0, 0.23);
    box-sizing: border-box;
    margin-top: 1px;
    opacity: 0;
    overflow-x:hidden;
    overflow-y: auto;
    max-height:400px;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
  .product_pagewapper .nice-select .list {
      margin-left:-30%;
      }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }

    .nice-select .list li{width:100% !important}
  .nice-select .option {
      color:#000;
    cursor: pointer;
    font-weight: 400;
    line-height: 20px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding:10px 15px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #ccc; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

 .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 12px;
    margin-top: -9px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 12px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }

.nice-select .current{width:10vw;word-break:break-all;
 display:-webkit-box;
 -webkit-line-clamp:1;
 -webkit-box-orient:vertical;
 overflow:hidden; }


  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    /*content: '';*/
    display: block;
    height: 12px;
    margin-top: -9px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 12px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }

@media only screen and (max-width: 1279px) {
    .activities_filterarea.nice-select.right {
        float: left !important;
    }
    .news_filterarea.nice-select.right {float: left !important;
    }
}

    
@media only screen and (min-width: 1401px) {
.nice-select .current{width:8.750vw;word-break:break-all;
 display:-webkit-box;
 -webkit-line-clamp:1;
 -webkit-box-orient:vertical;
 overflow:hidden; }


.nice-select {font-size:1.171vw;
 letter-spacing:0.037vw;
 padding:0.732vw 0.366vw 0.732vw 3.660vw; 
 width:10.981vw;
 margin:0 0  1.5vw 1.071vw; 
 height:2.928vw;}

.albumfilter .selecttype .nice-select {
 background: #008a3e url(../images/icon_type.png) no-repeat scroll 1vw center;
 width:15vw;
}

.albumfilter .selectyear .nice-select {
 background: #008a3e url(../images/icon_calendar.png) no-repeat scroll 1vw center;
 width:10.714vw;
}

  .nice-select.small {
    font-size: 0.625vw;
    height: 1.875vw;
    line-height: 1.771vw; }
    .nice-select.small:after {
      height: 0.208vw;
      width: 0.208vw; }
    .nice-select.small .option {
      line-height: 1.771vw;
      min-height: 1.771vw; 

    }
     .nice-select .list {
      min-width:100%;
    box-shadow: 0 0.208vw 0.469vw rgba(0, 0, 0, 0.23);
    margin-top: 0.052vw;
    opacity: 0;
    max-height:20.833vw;
    }
  
  .nice-select .option {
    line-height: 1.042vw;
    min-height: 2.083vw;
    padding:0.521vw 0.781vw;
 }
}

@media only screen and (max-width: 767px) {
    .nice-select .list {
        min-width: 135%;
    }

    .home_prod .prod_cates > li .nice-select {
        width: 100%;
        padding: 5px 10% 5px 0;
    }

        .home_prod .prod_cates > li .nice-select .list {
            min-width: 100% !important;
        }

            .home_prod .prod_cates > li .nice-select .list li {
                width: 100% !important;
            }

    .nice-select .current {
        width: 100%;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media only screen and (max-width: 580px) {
    .albumfilter {
        width: 290px;
    }
    .nice-select {margin:10px 7px}
    .nice-select .list {
        max-height: 175px;
    }
    .albumfilter .selecttype .nice-select {
 background: #008a3e;
 width:160px;
 padding:10px 5px 10px 10px
}

.albumfilter .selectyear .nice-select {
 background: #008a3e;
 width:100px;
  padding:10px 5px 10px 10px
}
}