﻿/* Select Style */
.cls_SelectHidden {display:none;visibility:hidden}
.cls_Select {cursor:pointer;position:relative;width:100%;box-sizing:border-box;border:1px solid #aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#FFF;height:43px;-webkit-overflow-scrolling:touch}
.cls_Select * {-webkit-overflow-scrolling :touch}
.cls_Select.R {border:1px solid #C38B47}
.cls_Select.disabled {background:#e3e3e3;cursor:not-allowed}
.cls_SelectValue {position:absolute;bottom:1px;left:0px;width:100%;height:30px;text-align:left;padding-left:10px;box-sizing:border-box;font-size:16px;color:#444;height:30px}
.cls_Arrow{border-color:#c38b47 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;right:18px;position:absolute;top:18px;width:0}
.cls_Arrow.R{border-color:transparent transparent #c38b47 transparent;border-width:0 4px 5px 4px}
.cls_Select.disabled .cls_Arrow {display:none}
.cls_Select.disabled .cls_Arrow.R {display:none}
.cls_OptionArea {visibility:hidden;position:absolute;top:100%;left:0px;margin-top:5px;z-index:5;width:100%;background:transparent}
.cls_Options {margin:0;padding:0px;list-style:none;display:table;width:100%}
.cls_Options li{font-size:16px;color:#444;margin:0;box-sizing:border-box;background-color:#fff;text-align:left;display:table;width:100%}
.cls_Options li>div {display:table-cell;padding: 0px 10px;vertical-align:middle;height:50px;border-bottom: 1px solid #ececec;box-sizing:border-box;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cls_Options li:last-child>div {border-bottom:none}
.cls_Options li:hover {background:#fff6eb}
.cls_Options li[rel="hide"] {display:none}
.cls_Options li.ON {background:#fff6eb}
.cls_Options li>div div.cls_OptionSearch{border:1px dashed #ffad00;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#efefef;font-size:0;box-sizing:border-box;background:#efefef;display:table;width:100%}
.cls_OptionSearch input[type=text]{box-sizing:border-box;color:#757575;font-family:"微軟正黑體","Microsoft JhengHei";font-size:16px;width:100%;-webkit-appearance:none;border:0;background:#efefef;padding:10px 11px;vertical-align:middle;height:41px}

.cls_Select .scroll-wrapper>.scroll-content{-ms-overflow-style: none;scrollbar-width: none;border:1px solid #bbb;border-radius:5px;box-sizing:content-box !important;height:auto;max-height:none;max-width:none !important;overflow:scroll !important ;padding:0;position:relative !important;top:0;width:auto !important;box-shadow:0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12)}
.cls_Select .scrollbar-outer>.scroll-content.scroll-scrolly_visible {left:-8px}
.cls_Options li.LI_Default{display:none;color:#9fadc3}

/* Error Style */
.Err .cls_Select {border:1px solid #ff6767}

/* ▁▁▁▁▁▁▂▄▆█ RWD Setting █▆▄▂▁▁▁▁▁▁ */

@media screen and (max-width: 385px) {
    .cls_Select .SubTitle {padding-left:5px}
    .cls_SelectValue {padding-left:5px}
}