/*=== SELECTBT　RESET ===*/
.selectbtn select{outline:none;text-indent: 0.01px;text-overflow: '';background: none transparent;vertical-align: middle;font-size: inherit;color: inherit;-webkit-appearance: button;-moz-appearance: button;appearance: button;}
.selectbtn select option{background-color: #fff;color: #333;}
.selectbtn select::-ms-expand {display: none;}
.selectbtn select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #828c9a;}

.select-wrap {
    position: relative;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "\e808";
    font-family: "fontello";
    line-height: 60px;
    color: #333;
    pointer-events: none;
}
.select-wrap select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: #FFF;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 8px 12px;
    border:1px solid #ddd;
    color:#333;
    width:100%;
    border-radius:3px;
}
.select-wrap select option{
  background-color: #fff;
  color: #333;
}
.select-wrap select::-ms-expand {
  display: none;
}
.select-wrap select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#0084B4;
  color:#fff;
  border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}

.select-wrap.select-inverse:before{
  color:#fff;
}
.select-wrap.select-inverse > select{
  color:#fff;
  border-color: #fff;
}

.select-wrap.select-inverse > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}