.spinner{border: 1px solid rgba(255, 255, 255, 1);height:36px;width:60%;overflow:hidden;*zoom:1;position: relative; z-index: 10; background-color: transparent;}
.spinner .value{text-align:center;display:block;float:left;height:100%;line-height:25px;margin:0}
.spinner .decrease{cursor:pointer;width:16px;height:100%;position:absolute;top:0;right:7px;z-index:3;z-index: 11; color: rgba(255, 255, 255, 0.65); font-family:'Microsoft JhengHei'; font-weight: bold; font-size: 18px;}
.spinner .decrease[disabled]{display:none!important;}
.spinner .increase{cursor:pointer;width:16px;height:100%;display: block;position:absolute;top:0;left:7px;z-index:3;z-index: 11; color: rgba(255, 255, 255, 0.65); font-family:'Microsoft JhengHei'; font-weight: bold; font-size: 18px;}
.spinner .value{width:100%;height:28px;border:none;color: rgba(255, 255, 255, 0.65);padding:0px;font-family: 'Arial', 'Noto Sans TC', sans-serif;}
.spinner .value.passive{/*background-position:0 -25px;color:#919191;*/}
.spinner .error,.spinner .invalid{/*background:#aa0000*/}