/* fake form - select */
.select-title {width:296px !important;color: #777; text-align: left; vertical-align: middle;  padding: 12px 2.5%; border: 1px solid #e8e8e8; background: #fff url('../images/common/selectarrow.png') no-repeat 95% 22px; display: inline-block; -box-sizing: border-box;}
.select-title strong {width: 100%; height: 1em; font-weight: normal; font-size: 17px; word-break: break-all; line-height: 1.2em; padding: 1px 0px 2px 9px; display: block; overflow: hidden;}
.select-title.focus,
.select-title.active {color: #000; border-color: #e8e8e8;}
.select-title.focus {background-position: 95% 22px;}
.select-title.active {background-position: 95% -36px;}
.select-title.disabled {color: #999; text-shadow: 1px 1px 0 #fff; border-color: #bbb; background-color: #eee;}
.select-option {border: 1px solid #e8e8e8; background: #fff; overflow: auto; z-index:20; width:311px !important;}
.select-option:before{content: "";
    width: 100%;
    height: 4px;
    background: #f9f9f9;
    position: absolute;
    left: 0;
    bottom: 0px;}
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;}
.select-option span,
.select-option strong {height: 1.1em; font-size: 17px; font-weight: normal; color: #777; white-space: nowrap; text-overflow: ellipsis; line-height: 1.4; text-decoration: none; padding:12px 5.5%; display: block; overflow: hidden; cursor: default;}
.select-option strong {font-weight: bold; color: #000; border-top: 1px solid #eee; border-bottom: 1px solid #ccc;}
.select-option li li span {padding-left: 10px;}
.select-option span:hover,
.select-option span.selected {color: #0068b7;}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none;}
.border-none{border:0px !important;}