.fancy-select{position:relative;font-weight:bold;text-transform:uppercase;font-size:13px;color:#46565D;text-align: left;height: 45px;background: #eff3f7;border-radius: 5px;padding-left: 10px;padding-right: 10px;border: solid 1px #fdffff;outline: none;text-align: left;margin: 0;}
.fancy-select div.selected{color: #333 !important;}
/*.fancy-select.disabled{opacity:0.5;}*/
.fancy-select select:focus + div.trigger{}
.fancy-select select:focus + div.trigger.open{box-shadow:none;}
.fancy-select div.trigger{width:100%;background:transparent;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px;line-height:24px;color:rgba(0,0,0,0.38);border:transparent;padding:11px 0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;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;}
.fancy-select div.trigger:after{content:"";display:block;position:absolute;width:0;height:0;border:5px solid transparent;border-top-color:#4B5468;top:20px;right:9px;}
.fancy-select div.trigger.open{background:transparent;box-shadow:none;}
.fancy-select div.trigger.open:after{}
.fancy-select ul.options{background:#fff;list-style:none;margin:0;position:absolute;top:45px;left:0;visibility:hidden;opacity:0;z-index:50;max-height:200px;overflow:auto;padding:1px;box-shadow:0 1px 2px rgba(0,0,0,0.2);min-width:100%;transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-webkit-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-moz-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-ms-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-o-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;}
.fancy-select ul.options.open{visibility:visible;top:50px;opacity:1;transition:opacity 300ms ease-out,top 300ms ease-out;-webkit-transition:opacity 300ms ease-out,top 300ms ease-out;-moz-transition:opacity 300ms ease-out,top 300ms ease-out;-ms-transition:opacity 300ms ease-out,top 300ms ease-out;-o-transition:opacity 300ms ease-out,top 300ms ease-out;}
.fancy-select ul.options.overflowing{top:auto;bottom:40px;transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-webkit-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-moz-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-ms-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-o-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;}
.fancy-select ul.options.overflowing.open{top:auto;bottom:50px;transition:opacity 300ms ease-out,bottom 300ms ease-out;-webkit-transition:opacity 300ms ease-out,bottom 300ms ease-out;-moz-transition:opacity 300ms ease-out,bottom 300ms ease-out;-ms-transition:opacity 300ms ease-out,bottom 300ms ease-out;-o-transition:opacity 300ms ease-out,bottom 300ms ease-out;}
.fancy-select ul.options li{padding:8px 12px;color:#666;background-color:#fff;cursor:pointer;white-space:nowrap;font-weight:400;transition:all 150ms ease-out;-webkit-transition:all 150ms ease-out;-moz-transition:all 150ms ease-out;-ms-transition:all 150ms ease-out;-o-transition:all 150ms ease-out;}
.fancy-select ul.options li.selected{background:rgba(43,134,134,0.3);color:rgba(255,255,255,1);color: #333;}
.fancy-select ul.options li.hover{/*background:linear-gradient(92deg,rgba(62,80,180,1) 0%,rgba(0,169,157,1) 100%);*/color:#333;background: #eff3f7;}