.selectbox { position: relative; z-index: 100; padding: 0 35px 0 10px; min-width: 130px; width: 130px; height: 40px; background: #a3a3a3 url(../images/icon-arrow-down.png) no-repeat 105px center; font-family: "微軟正黑體", Arial, "Arial Black", Helvetica, sans-serif, Gadget, sans-serif; font-size: 15px; font-weight: bold; line-height: 40px; color: #fff; border: none; cursor: pointer; overflow: hidden; text-overflow: ellipsis;}
.selectbox:hover, .selectbox:focus { background-image: url(../images/icon-arrow-down.png); background-repeat: no-repeat; background-position: 105px center;}

.selectbox-wrapper { position: absolute; left: 0; top:0; z-index: 99; padding-top: 60px; min-width: 130px;}
.selectbox-wrapper ul, .selectbox-wrapper li { list-style: none;}
.selectbox-wrapper ul { position: relative; box-shadow: 0 0 18px rgba(0,0,0,0.8);}
.selectbox-wrapper ul:before { position: absolute; left: 50%; top: -20px; margin-left: -10px; display: block; content:""; border-width: 10px; border-style: solid; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent;}

.selectbox-wrapper li { padding: 5px 10px; text-align: left; font-size: 13px; line-height: 20px; cursor: pointer;transition:all .6s;}
.selectbox-wrapper li.current { background-color: #fff;}