/* 縮小失敗。正在傳回未縮小的內容。
(146,33): run-time error CSS1030: Expected identifier, found ','
(146,51): run-time error CSS1031: Expected selector, found ')'
(146,51): run-time error CSS1025: Expected comma or open brace, found ')'
(220,56): run-time error CSS1030: Expected identifier, found ','
(220,66): run-time error CSS1031: Expected selector, found ')'
(220,66): run-time error CSS1025: Expected comma or open brace, found ')'
(2616,23): run-time error CSS1030: Expected identifier, found '>'
(2616,50): run-time error CSS1031: Expected selector, found ')'
(2616,50): run-time error CSS1025: Expected comma or open brace, found ')'
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0; /*font-size:16px;*/
    vertical-align: baseline;
    background: transparent;
    font-weight: normal;
    font: 13px Arial,"Microsoft YaHei",Verdana;
}

.Search_AutoMid {
    min-width: 320px !important;
}

body { /* line-height:1;*/
    font-family: arial,sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
}
/*增加列之間的距離*/
.tab_content > table, .tab_content div > table, .dataTables_filter table {
    border-spacing: 0px 6px;
}

/*增加列之間的距離*/
table#top_block {
    border-spacing: 0px 6px;
}



.leftTable table {
    border-spacing: unset !important;
}

.table_scroll table {
    /*2021/11/24 SAL43表頭的訂單有問題所以改成initial*/
    border-spacing: initial !important;
}

.dataTables_scroll table {
    border-spacing: unset !important;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
/* 2017-02-13 盟興 穎玠說ERP套用WOO背景樣式 */
/*input { vertical-align: middle; font-weight: normal; background-color: #fff; border-color: #39F; }*/
/*input { vertical-align: middle; font-weight: normal; background-color: #b6c3c3; border-color: #39F; }*/
/*select { vertical-align: middle; font-weight: normal; color: Blue; }*/
/*select { vertical-align: middle; font-weight: normal; color: black; }*/
/*textarea { resize: none; background-color: #fff; vertical-align: text-top; }*/
/*textarea { resize: none; background-color: #b6c3c3; vertical-align: text-top; }*/
/*input, textarea { outline: none; height: 18px; line-height: 18px; border: 1px solid; border-color: #646464; margin: 2px 2px; padding: 0 3px; letter-spacing: 1px; color: Blue; }*/
/*input, textarea { outline: none; height: 18px; line-height: 18px; border: 1px solid; border-color: #646464; margin: 2px 2px; padding: 0 3px; letter-spacing: 1px; color: black; }*/
input {
    vertical-align: middle;
    font-weight: normal;
    background-color: #fff;
    border-color: #39F;
}

select {
    vertical-align: middle;
    font-weight: normal;
    color: black;
}

textarea {
    resize: none;
    background-color: #fff;
    vertical-align: text-top;
}

input:not(.select2-search__field,[type="checkbox"]), textarea {
    outline: none;
    height: 18px;
    line-height: 18px;
    border: 1px solid;
    border-color: #646464;
    margin: 2px 2px;
    padding: 0 3px;
    letter-spacing: 1px;
    color: black;
}

input[type="checkbox"] {
    outline: none;
    /*height: 18px;*/
    line-height: 18px;
    border: 1px solid;
    border-color: #646464;
    margin: 2px 2px;
    padding: 0 3px;
    letter-spacing: 1px;
    color: black;
}

input:focus:not(.readonly_text), textarea:focus:not(.readonly_text) {
    border: 1px solid !important;
    border-color: #FF8040 !important;
    /*outline: solid #FF8040 1px;*/
    /*background-color: antiquewhite;*/
}

:focus-visible:not(.readonly_text){
    /*outline: solid #FF8040 1px;*/
    /*background-color: antiquewhite;*/
}

input[type="button"], input[type="reset"], input[type="submit"], button[type=button], button[type=submit] { /*background-image: url(../Images/background-new.png);*/
    background-position: -1px -727px;
    text-align: center;
    clear: both;
    min-width: 35px; /*background-position: -1px -389px;*/
    background-color: #fff;
    border: 1px solid #999;
    border-bottom-color: #888;
    cursor: pointer;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    color: #040404;
    padding: 2px;
    height: auto;
    vertical-align: middle;
    margin: 0;
    border: 1px solid #999;
    border-radius: 4px;
}

    input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button[type=button]:hover, button[type=submit]:hover {
        background-position: -1px -690px;
        border: 1px solid #999 !important;
        background-color: #ecff9fdb !important;
    }

    input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, button[type=button]:active, button[type=submit]:active {
        background-position: -1px -680px;
    }

input[type="file"] {
    height: 25px;
    padding: 2px 0 0px 2px;
}

input[type="checkbox"] {
    zoom: 1.5;
}

input[type="button"][disabled="disabled"]:not(#edit_btn,#save_btn) {
    background-image: url('') !important;
    cursor: auto;
    color: grey;
}


input[type=date][type=datetime][type=datetime-local] {
    font: 13px Arial,"Microsoft YaHei",Verdana;
}
/*----------------------------------/*
border:1px solid #E2E2E2
*/
/* 2017-02-13 盟興 穎玠說ERP套用WOO背景樣式 */
/*td.td-label { border: 1px solid white; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; padding: 1px 2px; }
td.td-label, td .td-label { background-color: rgb(96, 178, 253); color: white; }
td .td-label { display: inline-block; text-align: right; vertical-align: middle; padding: 5px 5px; border: 1px solid white; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; min-height: 24px; padding: 1px 2px; }
label.td_label, label.td-label { background-color: rgb(96, 178, 253) !important; color: white; }
label.td_label1, label.td-label1 { color: black; }
#tab2 td.td-label, #tab2 .td-label { background-color: #CCCCFF; margin-left: -6px; color: #000; }
#tab3 td.td-label, #tab3 .td-label { background-color: #DDC; color: #000; }
#tab4 td.td-label, #tab4 .td-label { background-color: #DDC; color: #000; }
#tab5 td.td-label, #tab5 .td-label { background-color: #DDC; color: #000; }
#tab6 td.td-label, #tab6 .td-label { background-color: #DDC; color: #000; }
#tab7 td.td-label, #tab7 .td-label { background-color: #DDC; color: #000; }
.Detail_label { max-height: 22px; background-color: rgba(129, 200, 255, 1); border: 1px solid white; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; }
.Detail_label { max-height: 22px; border: 1px solid white; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB;}

input[type="text"], input[type="password"], textarea { font-size: 13px; margin: 0 0 -1px 0 !important; height: 103%; width: 105px; border: 1px solid #DDD; }*/
td.td-label { /* border: 1px solid white; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB;*/
    font: 13px "Microsoft YaHei",Verdana,"Trebuchet MS", Arial;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    color: #000000;
    /*background-color: #5A80B8;*/ /*字顏色預設給黑的跟背景不給*/
    /*font-family: "微軟正黑體", Helvetica, Arial, sans-serif;*/
    word-spacing: 20px;
    text-align-last: justify;
    font-weight: normal;
    padding: 1px 2px;
}

.Detail_label {
    font: 13px "Microsoft YaHei",Verdana,"Trebuchet MS", Arial;
}


label.td-label {
    /*background-color: #5A80B8;*/
    height: 22px;
    display: inline-block;
    margin-left: -5px;
    /*margin-left: -4px\9;*/
    /*margin-right: -5px;
    margin-right: -4px\9;*/
    display: inline-table !important;
    vertical-align: middle;
    text-align: right;
    color: #000000;
    vertical-align: top;
}

td.td-label1 { /* border: 1px solid white; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB;*/
    font: 13px Arial,"Microsoft YaHei",Verdana;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    word-spacing: 20px;
    text-align-last: justify;
    font-weight: bold;
    padding: 1px 2px;
}

td .td-label1 { /* border: 1px solid white; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB;*/
    font: 13px Arial,"Microsoft YaHei",Verdana;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    word-spacing: 20px;
    text-align-last: justify;
    font-weight: bold;
    padding: 1px 2px;
}

/*td.td-label, td .td-label {
    font-weight: bold;
}*/

td.td-label-code {
    background-color: red;
}

td .td-label-codetype0 {
    background-color: #FF8181;
}

td .td-label {
    display: inline-block;
    text-align-last: justify;
    vertical-align: middle; /* padding: 5px 5px;  border: 1px solid white; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; min-height: 24px; */
    padding: 1px 2px;
    font: 13px "Microsoft YaHei",Verdana,"Trebuchet MS", Arial;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
}

label.td_label, label.td-label { /*background-color: rgb(96, 178, 253) !important; color: white; */
    font: 13px "Microsoft YaHei",Verdana,"Trebuchet MS", Arial;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
}
/*#tab2 td.td-label, #tab2 .td-label { margin-left: -6px; color: #000; }
#tab3 td.td-label, #tab3 .td-label { background-color: #DDC; color: #000; }
#tab4 td.td-label, #tab4 .td-label { background-color: #DDC; color: #000; }
#tab5 td.td-label, #tab5 .td-label { background-color: #DDC; color: #000; }
#tab6 td.td-label, #tab6 .td-label { background-color: #DDC; color: #000; }
#tab7 td.td-label, #tab7 .td-label { background-color: #DDC; color: #000; }*/
.Detail_label {
    max-height: 22px; /*background-color: #FDF5E6; border: 1px solid white; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB;*/
    color: #000000;
    /*background-color: #5A80B8;*/
}

input[type="text"], input[type="email"], input[type="password"], textarea {
    font-size: 13px;
    margin: 0 0 -1px 0 !important;
    height: 103%;
    width: 105px;
    border: 1px solid #DDD;
    box-shadow: 1px 1px 1px black inset;
}
/*Reset.css*/
table tr td {
    height: 22px;
    vertical-align: middle;
}

.Detail_readonly {
    background-color: #ddd;
}
/*---------------Details---------------------*/
input[type="text"].filter {
    height: 112% !important;
    margin: -1px -3px -2px -4px !important;
}

.colorball {
    height: 14px;
    width: 14px;
    display: inline-block;
    border-radius: 10px;
    vertical-align: middle;
    margin-right: 15px;
}

.SelectItem {
    height: 30px;
    margin: -1px -3px -2px -4px;
}

.operator {
    height: 30px;
    margin: -1px -3px -2px -4px;
}

.condition {
    height: 30px;
    /*2021-06-02 穎玠 說要留意點空白*/
    margin: -1px 5px -2px -4px;
}

/*#Filter1, #Filter2, #Filter3 { height: 20px !important; margin: 0 0 0 -2px !important; }*/
/*-----------------------------------------*/
.main_text {
    font-weight: bold;
    text-transform: uppercase;
}

.top-side input[type="text"], .top-side select {
    box-shadow: 1px 1px 1px black inset;
}

.top-side input[type="text"] { /*border-width:0;*/
}

/*.top-side td:not(input) {
    font-weight: bold;
}*/
/*------------------------------------------*/
/*select{background-color:#b6c3c3;}*/
div.top-side table input, div.top-side table select {
    /*margin-right: 10px !important;*/
    /*height: 22px !important;*/
}

div.top-side table select {
    width: 104px;
    height: 100%;
    vertical-align: top;
}

div.top-side table td {
    height: 23px !important;
}

div.top-side table input[type="button"] {
    margin: 0px;
    padding: 0px;
}

/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */


/* Tooltip
 ---------------------------------*/
.ui-tooltip {padding: 8px;position: absolute;z-index: 9999;max-width: 300px;-webkit-box-shadow: 0 0 5px #aaa;box-shadow: 0 0 5px #aaa;}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {background-image: none;}
body .ui-tooltip { border-width: 2px; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images remove:display: block;*/
.ui-icon {  text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jquit.com/builder/#gcc=ffffff&gcb=d4d4d4&gct=525252&gci=d4d4d4&pcc=d4d4d4&acb=525252&o=ffffff&ghc=3399ff&ght=ffffff&ghi=fffafa&gdc=e0effa&gdb=2779AA;&gdt=1660d4&tdc=3399ff&tdb=3399ff&tdt=ffffff&tdi=ffffff&ddc=d4d4d4&ddb=d4d4d4&ddt=525252&pxd=000000&asc=3399ff&ast=ffffff&goc=e5f3fb&gob=66B3FF&got=1d61c9&toc=66B3FF&tob=66B3FF&tot=ffffff&toi=ffffff&doc=66B3FF&dob=66B3FF&dot=ffffff&pxa=525252&gac=e7f4fd&gab=3399ff&gat=1d61c9&tac=ffffff&tab=d4d4d4&tat=525252&tai=d4d4d4&dac=3399ff&dab=3399ff&dat=ffffff&dic=d4d4d4&dib=3399ff&dit=ffffff&gic=efdca9&gib=efdca9&git=525252&gii=525252&ec=c31d1d&eb=c31d1d&et=ffffff&ei=ffffff
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #444444; }
.ui-widget-content a { color: #444444; }
.ui-widget-header { border: 1px solid #dddddd; background: #dddddd; color: #444444; font-weight: bold; }
.ui-widget-header a { color: #444444; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #ffffff; color: #444444; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ff0084; background: #ffffff; color: #222222; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #222222; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #222222; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: normal; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: 0px 2px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -140px;}
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }




/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

/* Overlays */
.ui-widget-overlay { background: #eeeeee; opacity: .2;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-helper { border: 1px solid #ccc; }
.ui-resizable-handle { position: absolute;font-size: 0.1px; z-index: 100; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
/*蔣宜成 2017-01-13 調整resizable外觀*/
.ui-resizable-s { cursor: row-resize; height: 2px; width: 100%; bottom: 1px; left: 0; border-bottom: 2px solid #CCC;}
.ui-resizable-e { cursor: col-resize;width: 2px; right: 0px; top: 0px; height: 99%;border-right: 2px solid #CCC;}
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 2px; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-autocomplete {
    max-height: 180px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    white-space: nowrap;
    width:auto;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 180px;
  }
  
 
/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0 3px; margin-right: .1em; text-decoration: none !important; text-align: left; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .1em 0.5em;}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
/*input.ui-button { padding: .4em 1em; }/*

/*button icon element(s) */
/*.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
*/

 /*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -12px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -12px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .35em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .35em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .35em; }














/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-state-highlight{ background-color:#FFE6A6;width:100%;}
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 2px; bottom: 2px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */

img.ui-datepicker-trigger{position: relative;top: 4px;margin: 0 0 0 2px;}
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative;  }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
/*edit .ui-datepicker select.ui-datepicker-month, 
 .ui-datepicker select.ui-datepicker-year { width: 49%;}*/
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { text-align: center; font-weight: normal; border: 0; height:25px;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible;clear:right; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

/* General remove html, body{background-color:#ffffff;}*/

.ui-widget{font-family: arial,sans-serif;}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:1px solid #dddddd;background:inherit; font-weight: bold; text-decoration:none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { font-weight: normal; color: #ffffff; border-width:1px;}
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; font-weight: bold; color: #ff0084;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ff0084; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Accordion */
.ui-accordion-header{border:2px solid;}
.ui-accordion .ui-accordion-header{margin-top:2px;}
.ui-accordion-content{border:2px solid;border-top:none;margin-bottom:3px !important;}
.ui-accordion .ui-accordion-header a { font-size: 1.0em; padding: .6em .3em .5em 2.9em; font-weight:bold;}
.ui-accordion > .ui-state-active a, .ui-accordion > div > h3.ui-state-active a  { padding-bottom:.8em;}
/*.ui-accordion .ui-accordion-header .ui-icon{margin-top:-12px;}*/
.ui-accordion > .ui-state-active, .ui-accordion > div > h3.ui-state-active{border-bottom:none !important;}
.ui-accordion-header > .ui-icon{margin:4px;}

/* Tabs */
.ui-tabs{padding:0;border:none;}
.ui-tabs-nav{padding:0px 0px 0px 0px !important;border:none;border-bottom:2px solid;background-color:#ffffff;}
.ui-tabs-nav .ui-state-default{border:none;padding:0px !important;margin-right:2px !important;background:none !important;}
.ui-tabs-nav .ui-state-default a{border:2px solid;position:relative;top:1px;font-weight:bold;}
.ui-tabs-nav .ui-tabs-selected a{border:2px solid;height:1.8em;border-bottom:none !important;}
.ui-tabs .ui-widget-content{border:2px solid !important;border-top:none !important;}
.ui-tabs-nav .ui-state-hover{border:none;}


/* Dialog */
.ui-dialog{border-width:2px;padding:0;}
.ui-dialog-titlebar {border:none;border-bottom-width:2px;font-weight:bold;font-size:1.1em;}
.ui-dialog-buttonpane{border-top-width:2px !important;margin-top:0 !important;}
.ui-dialog .ui-dialog-titlebar-close{width:24px;height:24px;margin:-13px 0px 0px 0px;padding:0;}
.ui-dialog-titlebar-close > .ui-icon{margin:4px !important;}

/* Datepicker*/
.ui-datepicker {border:2px solid;padding:0 !important;}
.ui-datepicker .ui-datepicker-header{border:none;padding:.4em 0em;}
.ui-datepicker .ui-datepicker-header .ui-state-default, .ui-datepicker .ui-datepicker-header .ui-state-hover{background:none;border:none;padding:0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width:24px;height:24px;margin:0;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{position:relative;top:0;left:0;margin:0;}
.ui-datepicker .ui-datepicker-prev-hover { left:2px;top:2px; }
.ui-datepicker .ui-datepicker-next-hover { right:2px;top:2px; }
.ui-datepicker table {margin:0px;border:1px solid; }
.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-state-active{border-width:2px;}
.ui-datepicker .ui-icon{margin:4px !important;}

/* Button border-width:2px !important; */
.ui-button{border-bottom-style:solid;font-weight:normal !important;}

.ui-buttonset .ui-button { margin-left: 0; margin-right: -1px; }

/* Additional states */
.ui-state-highlight{border:2px solid;}
.ui-state-error{border:2px solid;}
/*.ui-state-highlight .ui-icon, .ui-state-error .ui-icon{position:relative;top:-4px;}*/

/* Slider */
.ui-slider{border:none;}
.ui-slider .ui-slider-handle{width:.8em;height:.8em;border:none;margin:-.4em;}
.ui-slider-horizontal .ui-slider-handle{margin-top:0; top:0;}
.ui-slider-vertical .ui-slider-handle{margin-left:0;left:0;}

/* Progressbar */
.ui-progressbar{border:none;height:0.8em;}
.ui-progressbar .ui-progressbar-value{border:none;}

/* Autocomplete */
.ui-autocomplete {border:solid 2px #bbbbbb;padding:0;}
.ui-autocomplete .ui-menu-item a{padding:0px 5px;border:none;margin:0 !important;}

/* Icon states */
.ui-icon { width: 16px; height: 18px; background-image:url(../../Images/ui-icons_1d61c9_0.png)}

/* General */
/*.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon  {background-image:url(../Images/ui-icons_d4d4d4_0.png)}*/
.ui-state-default .ui-icon {background-image:url(../../Images/ui-icons_3399ff_0.png)}
.ui-state-active .ui-icon, .ui-state-hover .ui-icon{background-image:url(../Images/ui-icons_1d61c9_0.png);}
.ui-widget-overlay{background:#000000;}
.ui-widget-content{color:#000000;}





/* Button states */
.ui-state-default, .ui-widget-content .ui-state-default{background-color: #F0F9FF;border-color:#39F;color: #000000;}
.ui-state-focus, .ui-widget-content .ui-state-focus{background-color:#e5f3fb;border-color:#66B3FF;color:#000000;}
.ui-state-hover, .ui-widget-content .ui-state-hover{background-color:#e5f3fb;border-color:#66B3FF;color:#000000;}
.ui-state-active, .ui-widget-content .ui-state-active{background-color:#e7f4fd;border-color:#3399ff;color:#000000;}


/* Accordion */
.ui-accordion-content{border-color:#d4d4d4;background:#ffffff}
.ui-accordion-header.ui-state-active, .ui-accordion-header.ui-state-active.ui-state-hover{background-color:#ffffff !important;color:#525252;border-color:#d4d4d4 !important;background-image:url(../Images/ui-icons_d4d4d4_0.png) !important;background-position: -230px -213px !important;}
.ui-accordion-header.ui-state-active a{ color: #525252 !important;}
.ui-accordion-header.ui-state-default{border-color:#3399ff;background:#3399ff;}
.ui-accordion-header.ui-state-default a{ color: #ffffff;}
.ui-accordion-header.ui-state-hover{background:#66B3FF;border-color:#66B3FF;}
.ui-accordion-header.ui-state-hover a{color:#ffffff;}
.ui-accordion-header.ui-state-active .ui-icon{background-image:url(../Images/ui-icons_d4d4d4_0.png) !important;}
.ui-accordion-header.ui-state-default .ui-icon{background-image:url(../Images/ui-icons_1d61c9_1.png);}
.ui-accordion-header.ui-state-hover .ui-icon{background-image:url(../Images/ui-icons_66B3FF_0.png);}
.ui-accordion-header{background-image:url(../Images/ui-icons_1d61c9_1.png )!important;background-position: -230px -214px !important;background-repeat:no-repeat !important;}
.ui-accordion-header.ui-state-hover{background-image:url(../Images/ui-icons_1d61c9_1) !important;background-position: -230px -166px !important;}



/* Tabs states */
.ui-tabs-nav > .ui-state-default a{border-color:#3399ff;background:#3399ff;color:#ffffff;}
.ui-tabs-nav > .ui-tabs-selected a{border-color:#d4d4d4 !important;background:#ffffff !important;color:#525252 !important;}
.ui-tabs-nav > .ui-state-hover a{background:#66B3FF;border-color:#66B3FF;color:#ffffff;}
.ui-tabs-nav > .ui-state-focus a{background:#66B3FF;color:#ffffff;}
.ui-tabs .ui-widget-content{border-color:#d4d4d4 !important;background-color:#ffffff;}
.ui-tabs-nav{border-color:#d4d4d4;}

/* Dialog states */
.ui-dialog{border-color:#3399ff;background-color:#ffffff !important;}
.ui-dialog-titlebar{border-color:#3399ff;color:#ffffff;background-color:#3399ff;}
.ui-dialog-buttonpane{border-color:#3399ff !important;background-color:#ffffff;}
.ui-dialog-content{background-color:#ffffff !important;}
.ui-dialog-titlebar .ui-icon{background-image:url(../Images/ui-icons_fffafa_0.png);}
.ui-dialog-titlebar .ui-state-hover .ui-icon{background-image:url(../Images/ui-icons_3399ff_0.png) !important;}
.ui-dialog-titlebar-close{background-image:url(../Images/ui-icons_fffafa_0.png) !important;background-position: -232px -216px !important;}
.ui-dialog-titlebar-close.ui-state-hover{background:url(../Images/ui-icons_fffafa_0.png) !important;background-position: -232px -168px !important;}





/* Slider */
.ui-slider{background:#d4d4d4;}
.ui-slider .ui-slider-range{background:#3399ff;}
.ui-slider .ui-state-default{background-color:#000000;}
.ui-slider .ui-state-active{background-color:#525252 !important;}
.ui-slider .ui-state-focus{background-color:#000000;}
.ui-slider .ui-state-hover{background-color:#525252;}

/* Progressbar */
.ui-progressbar{background:#d4d4d4;}
.ui-progressbar .ui-progressbar-value{background-color:#3399ff;}

/* Autocomplete */

.ui-autocomplete {border-color:#525252; z-index: 2000!important; }
.ui-autocomplete a{background-color:#ffffff;color:#525252;}
.ui-autocomplete .ui-state-hover{background:#3399ff;color:#ffffff;}

/* Datepicker */
.ui-datepicker {border-color:#3399ff; z-index:2}
.ui-datepicker .ui-datepicker-header{background-color:#3399ff;color:#ffffff;}
.ui-datepicker table {border-color:#ffffff; }
.ui-datepicker-calendar{background:#ffffff;}
.ui-datepicker-calendar .ui-state-default{background-color:#d4d4d4;border-color:#d4d4d4;color:#525252;}
.ui-datepicker-calendar .ui-state-hover{background-color:#66B3FF !important;border-color:#66B3FF !important;color:#ffffff !important;}
.ui-datepicker-calendar .ui-state-highlight{background-color:#d4d4d4;border-color:#3399ff;color:#ffffff;}
.ui-datepicker-calendar .ui-state-active{background-color:#3399ff;border-color:#3399ff;color:#ffffff;}
.ui-datepicker .ui-icon {background-image:url(../Images/ui-icons_fffafa_0.png);}

.ui-datepicker .ui-state-hover .ui-icon {background-image:url(../Images/ui-icons_3399ff_0.png)}
.ui-datepicker-next, .ui-datepicker-prev{background-image:url(../Images/ui-icons_fffafa_0.png);background-position: -232px -216px;}
.ui-datepicker-next-hover, .ui-datepicker-prev-hover{background-image:url(../Images/ui-icons_fffafa_0.png) !important;background-position: -232px -168px !important;opacity:1;}
.ui-datepicker-next.ui-state-disabled, .ui-datepicker-prev.ui-state-disabled{background-image:url(../Images/ui-icons_fffafa_0.png);background-position: -232px -216px;}



/* Highlight */
.ui-state-highlight{border-color:#efdca9;color:#525252;background:#efdca9;}
.ui-state-highlight .ui-icon{background-image:url(../Images/ui-icons_525252_0.png);}

/* Error */
.ui-state-error{border-color:#c31d1d;color:#ffffff;background:#c31d1d;}
.ui-state-error .ui-icon{background-image:url(../Images/ui-icons_1d61c9_1.png);}



* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

/*::-webkit-scrollbar-button {
    background: blue;
}*/

/*.left_content >.ui-resizable-e{
      cursor: e-resize;
        display: block !important;
        width: 2px;
        right: -7px;
        top: 0;
        bottom: 0;
        background: #333;
}*/

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background: transparent;
}

    ::-webkit-scrollbar:hover {
        background: hsla(215,17%,59%,0.3);
    }

::-webkit-scrollbar-thumb {
    right: 10px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
    background-color: hsla(215, 17%, 59%, 0.2);
}

    ::-webkit-scrollbar-thumb:hover {
        background: hsla(181, 72%, 33%, 0.7);
    }


::-webkit-scrollbar-button:single-button:vertical {
    /*background-color: #bbbbbb;*/
    display: block;
    border-style: solid;
    height: 13px;
    width: 16px;
}
    /* Up */
    ::-webkit-scrollbar-button:single-button:vertical:decrement {
        border-width: 0 6px 6px 6px;
        border-color: transparent transparent #555555 transparent;
    }

        ::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
            border-color: transparent transparent #777777 transparent;
        }
    /* Down */
    ::-webkit-scrollbar-button:single-button:vertical:increment {
        border-width: 6px 6px 0 6px;
        border-color: #555555 transparent transparent transparent;
    }

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #777777 transparent transparent transparent;
}

::-webkit-scrollbar-button:single-button:horizontal {
    /*background-color: #bbbbbb;*/
    display: block;
    border-style: solid;
    height: 16px;
    width: 13px;
}

    /*Left*/
    ::-webkit-scrollbar-button:single-button:horizontal:decrement {
        border-width: 6px 6px 6px 0;
        border-color: transparent #555555 transparent transparent;
    }

        ::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
            border-color: transparent #777777 transparent transparent;
        }
    /* Right */
    ::-webkit-scrollbar-button:single-button:horizontal:increment {
        border-width: 6px 0px 6px 6px;
        border-color: transparent transparent transparent #555555;
    }

::-webkit-scrollbar-button:horizontal:single-button:increment:hover {
    border-color: transparent transparent transparent #777777;
}


#sidebar .left_content::-webkit-scrollbar {
    width: 0 !important;
    height: 0px !important;
}

#sidebar .left_content:hover::-webkit-scrollbar {
    width: 12px !important;
    height: 12px !important;
}



body {
    /*background: url(../Images/bg-main.png);*/
    background-attachment: fixed;
    background-size: cover;
    background-position: 0px;
}

.dataTables_filter, .BtnBlock {
    display: flex;
    flex-wrap: wrap;
}

table.dataTable {
    position: relative;
}


form#form0 {
    height: 100%;
}

#main_block {
    position: relative;
    height: 100%;
}

.visabled {
    max-height: 1500px;
    visibility: visible;
}

ul.Detail {
    transition: max-height 1s ease;
    overflow: hidden;
    /*max-height: 1000px;*/
    /*max-height: 0px;*/
}


.unvisabled {
    max-height: 0px !important;
    transition: max-height 1s ease;
    visibility: hidden;
}



div {
    display: block;
}

tr {
    line-height: 2;
}

td {
    white-space: nowrap;
}

.td-right {
    text-align: right;
}

.td-left {
    text-align: left;
}

.td-center {
    text-align: center;
}

.hidden {
    display: none;
}

.file_btn {
    width: 35px !important;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.error-dialog {
    border: 1px solid #CD0A0A;
}

    .error-dialog #errorMsg {
        background-color: #FF2F2F !important;
        color: Yellow;
    }

.sucess-dialog {
    border: 1px solid #FFB6B6;
}

    .sucess-dialog #sucessMsg {
        background-color: Yellow !important;
        color: #000;
    }

.loading-dialog .ajax-load {
    display: inline-block;
    background-image: url(../Images/ajax-loader2.gif);
    width: 128px;
    height: 15px;
    text-align: center;
}
/*---------------主要樣板區塊CSS-----------------*/
.topToolbar {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    height: 40px;
    z-index: 300;
}

.top_content {
    height: 40px;
}

    .top_content #div_bar {
        height: 100%;
        border-bottom: 1px solid #E2CDCD;
        background-color: rgba(255, 255, 255, 0.47);
        z-index: 300;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

.left_content {
    position: fixed;
    width: 185px;
    top: 40px;
    bottom: 0px;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.75);
    border-right: 1px solid #85A8F1;
}

.list_table {
    width: 100%;
}

#left_spilt {
    position: fixed;
    width: 20px;
    top: 50px;
    left: 189px;
    bottom: 0px;
    overflow: hidden;
    height: 100px;
}

    #left_spilt img {
        cursor: pointer;
    }

#content {
    width: 100%;
    clear: left;
    border-top: none;
    /*background: #f8f1e2;*/
    overflow: auto;
    margin: 58px 0 0 200px;
    position: absolute;
    bottom: 0;
    top: 70px; /*border: outset 2px white;*/
    z-index: 1;
}

    #content #tab_container {
        padding: 10px 10px 0;
    }

#content_noside {
    width: 100%;
    clear: left;
    border-top: none;
    background: rgba(218, 240, 241, 0.38);
    position: fixed;
    bottom: 0px;
    overflow: auto;
    margin: 0px 0 0 0px;
    overflow: auto;
    bottom: 0;
    top: 49px;
    border: outset 2px white;
}

#mainContainer_noside {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    zoom: 1;
    position: fixed;
    /*width: auto;
    max-width: 960px;
   
    top: 40%;
    left: 47%;
    margin: -140px 0 0 -210px;*/
}

#content_Index {
    background: url(/ERP/Images/dot-bg.png) repeat scroll 0 0 transparent;
    border-top: none;
    padding: 50px 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin: 60px 0 20px 205px;
    margin-right: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    overflow: auto;
}
/*---------------左側表格CSS-----------------*/
.leftTable {
    position: absolute;
    overflow: scroll;
    top: 10px;
    bottom: 0;
    padding: 10px;
    width: 190px;
}

    .leftTable table {
        border: 1px solid #000;
    }

    .leftTable th {
        width: 50px;
        height: 23px;
        border: 1px solid #000;
        text-align: center;
        vertical-align: middle;
        background-image: url(../Images/background-new.png);
        background-position: -1px -644px;
    }

        .leftTable th:hover {
            background-position: -1px -692px;
        }

    .leftTable td {
        white-space: normal;
        border-top: 1px solid;
        border-color: #6B6B6B;
        border-right: 1px solid #000;
        padding: 0 4px;
        letter-spacing: 1px;
    }
    /*.leftTable tbody tr.even { background-color: #fff; }
.leftTable tbody tr.odd { background-color: #B7D9FD; }*/
    .leftTable tbody tr.even {
        background-color: #e4ebeb;
    }

    .leftTable tbody tr.odd {
        background-color: #bacfcf;
    }

    .leftTable tbody tr:hover {
        background-color: #FFC2C2;
    }

.rightTable {
    margin-left: 210px;
}

/*---------------上方區塊CSS-----------------*/
#div_bar > .tool-list {
    display: inline;
    float: right;
    height: 100%;
}

    #div_bar > .tool-list > li {
        display: inline-block;
        list-style: none;
        height: 100%;
    }

        #div_bar > .tool-list > li > span {
            float: right;
        }

            #div_bar > .tool-list > li > span.with-link {
                padding: 12px 2px;
            }

                #div_bar > .tool-list > li > span.with-link a {
                    line-height: 1;
                }

#div_bar #logout {
    float: right;
    padding: 10px;
}

#div_bar #title {
    float: left;
    padding: 10px;
    font-size: 16px;
    background-color: #FFFFFF;
    min-width: 165px;
    text-align: center;
    letter-spacing: 5px;
    box-shadow: 4px 4px 3px rgba(179, 179, 179, 0.5);
}

#div_bar > .tool-list {
    text-align: right;
}

    #div_bar > .tool-list > li { /*float: right;*/
        list-style: none;
    }

#div_bar .ui-icon-home, #div_bar .ui-icon-star, #div_bar .ui-icon-nostar, #div_bar .ui-icon-calendar, #favoritesID .ui-icon-home, #favoritesID .ui-icon-star, #favoritesID .ui-icon-nostar, #favoritesID .ui-icon-calendar {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../Images/favorites.png);
    cursor: pointer;
}

#favoritesID .ui-icon-home, #favoritesID .ui-icon-star, #favoritesID .ui-icon-nostar, #favoritesID .ui-icon-calendar {
    margin: -4px 0px !important;
}

#div_bar .ui-icon-home, #favoritesID .ui-icon-home {
    margin: 5px;
    background-position: -48px 0;
}

#div_bar .ui-icon-star, #favoritesID .ui-icon-star {
    margin: 5px;
    background-position: -24px 0;
}

#div_bar .ui-icon-nostar, #favoritesID .ui-icon-nostar {
    margin: 5px;
    background-position: 0 0;
}

#div_bar .ui-icon-calendar, #favoritesID .ui-icon-calendar {
    margin: 5px 0;
    background-position: -72px 0;
}


/* DetailLayout    */
.button-bar .ui-icon-home {
    margin: 5px;
    background-position: -48px 0;
}

.button-bar .ui-icon-star {
    margin: 5px;
    background-position: -24px 0;
}

.button-bar .ui-icon-nostar {
    margin: 5px;
    background-position: 0 0;
}

.button-bar .ui-icon-calendar {
    margin: 5px 0;
    background-position: -72px 0;
}

.button-bar .ui-icon-home, .button-bar .ui-icon-star, .button-bar .ui-icon-nostar, .button-bar .ui-icon-calendar {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../Images/favorites.png);
    cursor: pointer;
}


.month_btn {
    padding: 0px 12px !important;
    height: 100% !important;
}

/*2016/08/04 修正不管有無新簽核單據都要顯示文字提示(盟)*/
#div_bar .ui-icon-check, #div_bar .ui-icon-check-no {
    float: right;
    margin: 10px 0;
}

    #div_bar .ui-icon-check a {
        color: red;
        -webkit-animation: flash 1s infinite ease-in-out;
        -moz-animation: flash 1s infinite ease-in-out;
        -o-animation: flash 1s infinite ease-in-out;
        animation: flash 1s infinite ease-in-out;
    }

    #div_bar .ui-icon-check-no a {
        color: gray;
        text-decoration: none;
    }
/*---------------Grid View-----------------------*/
.table_scroll {
    clear: both;
    margin-top: 10px;
}

    .table_scroll th, .table_scrollBody td {
        white-space: normal;
    }

    .table_scroll th {
        text-align: center;
        vertical-align: middle;
        background: linear-gradient(white,#efefef);
        /*background-position: -1px -644px;*/
    }

        .table_scroll th:hover {
            background-position: -1px -692px;
            background: linear-gradient(#efefef,white);
        }

    .table_scroll .table_title {
        width: 10px;
        float: left;
        margin-right: 10px;
        padding: 5px;
        border: 1px solid #000;
        box-shadow: 1px 1px 1px 1px #B6B6B6;
        background-color: rgb(255, 230, 98);
    }

.table_scrollBody table {
    background-color: rgba(255, 255, 255, 1);
    border-collapse: collapse;
    border-spacing: 0;
}
/*.table_scrollBody table { background-color: rgba(228, 235, 235, 1); border-collapse: collapse; border-spacing: 0; }*/

/* 2021-06-02 google 更版需多判斷 class tr*/
.table_scrollBody .tr td {
    border-bottom: 1px solid #000;
}
/* 2021-06-02 google 更版需多判斷 class tr*/

.table_scrollBody tr {
    border-left: 1px solid #000;
    border-top: 0;
}

.table_scrollBody .tr:nth-child(odd) {
    background-color: #D0E6D0;
}
/*.table_scrollBody .tr:nth-child(even) { background-color:#e4ebeb; }*/
/*.table_scrollBody .tr:nth-child(odd) { background-color: #bacfcf; }*/
.table_scrollBody .edit {
    background-color: #ffc5a7 !important;
}


/*志軒 2024-05-29  哲琳說 點在上面再展開就好 為了資料不要每個都太高*/
.table_scrollBody td {
    height: 20px;
    padding: 0 3px;
    color: black;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    border-right: 1px solid #CCC;
}

.table_scrollBody .edit td {
    white-space: pre;
}


/*.table_scrollBody td { height: 20px; padding: 0 3px; color: black; vertical-align: middle; overflow: hidden; white-space: pre; text-overflow: clip; border-right: 1px solid #CCC; }*/

/* 2021-06-02 google 更版需多判斷 class tr*/
.table_scrollBody .td-first, .table_scrollBody tr td:nth-child(1) {
    /*border: 1px solid #000;*/
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    text-align: center;
    white-space: normal;
}

.table_scrollBody tr:first-child td:first-child {
    border-top: 1px solid #000;
}

.table_scrollBody {
    overflow: auto;
}

    .table_scrollBody input {
        border: 1px solid #000;
        height: 19px;
        background-color: #fff;
        padding: 0 0 0 3px;
        width: calc(100% - 5px);
        text-align: left;
    }

    .table_scrollBody textarea {
        border: 1px solid #000;
        /*height: 19px;*/
        background-color: #fff;
        padding: 0 0 0 3px;
        width: calc(100% - 5px);
        text-align: left;
    }

/*2025-06-03 復陞 在表身的textarea 目前都沒限制最大高度所以不用留SCROLL的位置*/
/*textarea ~ .icon-search-td {
    margin: -23px 14px 0 0;
}*/





.table_scrollBody select {
    width: 100%;
}

.table_scrollHeadInner table {
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 0;
}

    .table_scrollHeadInner table tr {
        background-color: #ECE9D8;
        color: #000;
    }

    .table_scrollHeadInner table th {
        height: 25px !important;
        overflow: hidden;
        text-overflow: clip;
        white-space: nowrap;
    }

        .table_scrollHeadInner table th:first-child {
            border-left: 1px solid #000;
        }

        .table_scrollHeadInner table th .ui-icon-td {
            vertical-align: middle;
            display: inline-block;
            position: relative;
            z-index: 100;
            background-image: url(../Images/ui-icons_1d61c9_0.png);
            background-color: #fff;
            border: 1px solid #0556A7;
            cursor: pointer;
            height: 17px;
            right: 0;
        }

        .table_scrollHeadInner table th div {
            overflow: hidden;
        }

            .table_scrollHeadInner table th div.ui-resizable-e {
                width: 5px;
                right: 0px;
                border-right: 1px solid /*#FCA1A1*/ #CCC;
            }

.table_scrollHead {
    overflow: hidden;
    position: relative;
    border: 0px;
}

    .table_scrollBody .freeze, .table_scrollHead .freeze {
        position: sticky;
        /*left: 0;*/ /* 首行永遠固定於左 相同LEFT會重疊故在JS塞 */
        z-index: 9999;
    }

        .table_scrollBody .freeze:not(.td-first), .table_scrollHead .freeze:not(.td-first) {
            background-color: lightpink;
        }

        .table_scrollBody .freeze.td-first, .table_scrollHead .freeze.td-first {
            background-color: white;
        }

div.scrollbar {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

    div.scrollbar.horizontal {
        height: 12px;
        margin-left: 2px;
        bottom: -12px;
        left: 0;
        display: block;
        opacity: 1;
    }

    div.scrollbar.vertical {
        width: 12px;
        margin-top: 2px;
        right: 2px;
        top: 0;
        display: block;
        opacity: 1;
    }

.table_scroll .display-none {
    display: none;
}


/*.outer{overflow: hidden;}*/
/*.table_scrollBody{overflow: hidden;}*/

/*---------------左側樹狀選單CSS-----------------*/

#TreeView {
    padding: 0;
}

    #TreeView ul {
        list-style: none;
    }

    #TreeView li {
        list-style: none;
        padding: 2px 0 0 12px;
        letter-spacing: 2px;
        line-height: 17px;
        margin: 5px 0;
        white-space: nowrap;
    }

        #TreeView li a {
            color: Blue;
            text-decoration: none;
            white-space: nowrap;
        }

            #TreeView li a.title {
                color: #424242;
                font-weight: bold;
                font-size: 14px;
            }

        #TreeView li.sub {
            padding-left: 30px;
        }

        #TreeView li a:hover {
            color: Red;
            font-size: 14px;
        }

        #TreeView li.Group {
            padding-top: 5px;
            width: 95%;
        }

    #TreeView span.TreeLog {
        margin-right: 10px;
        margin-top: 3px;
        display: inline-block;
        width: 10px;
        height: 10px;
        background-image: url(../Images/tools.png);
        background-position: -13px -2px;
        float: left;
        cursor: pointer;
    }

    #TreeView span.TreeLog_open {
        width: 10px;
        height: 10px;
        background-position: 0px -2px;
    }

#sidebar .ui-resizable-e {
    position: fixed;
    right: inherit;
    left: 185px;
    top: 40px;
}

#TreeView li.not_done a {
    text-decoration: line-through;
    color: #666;
}

    #TreeView li.not_done a:hover {
        text-decoration: line-through;
        color: #666;
        font-size: 12px;
    }

/*----------------左側放大縮小bar-------------------*/
#left_spilt #left_close, #left_spilt #left_open {
    width: 10px;
    height: 16px;
    background-image: url(../Images/tools.png);
    display: inline-block;
}

#left_close {
    background-position: -13px -14px;
}

#left_open {
    background-position: -1px -14px;
}
/*---------------SearchIcon UI CSS-----------------*/
.icon-search {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    right: 24px;
    margin-right: -8px;
    background-image: url(../Images/ui-icons_1d61c9_1.png);
    /*background-color: #fff;*/
    /*border: 1px solid #0556A7;*/
    cursor: pointer;
    height: 18px;
    top: 1px;
    width: 18px;
}

.table_scroll .icon-search:not(.icon-search-td ) {
    top: -2px;
    height: 16px;
}

.icon-search:hover {
    background-color: #FFFF71;
}

.icon-search:active {
    background-color: Yellow;
}

.icon-edit-td {
    position: relative;
    float: right;
    margin: -7px 3px 0 0;
    margin: -16px 3px 0 0\9;
    top: 4px;
    top: 12px\9;
    z-index: 100;
    background-image: url(../Images/ui-icons_1d61c9_0.png);
    background-color: #fff;
    border: 1px solid #0556A7;
    cursor: pointer;
    height: 19px;
    right: 0;
    background-position: -64px -111px;
}

.icon-search-td {
    position: relative;
    float: right;
    margin: -23px 0px 0 0;
    margin: -19px 0px 0 0\9;
    top: -4px\9;
    z-index: 100;
    background-image: url(../Images/ui-icons_1d61c9_0.png);
    background-color: #fff;
    border: 1px solid #0556A7;
    cursor: pointer;
    height: 18px;
    right: 0;
    top: 4px;
}

    .icon-search-td:not(.ui-icon-pencil) {
        background-position: -160px -111px;
    }

.icon-plus {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background-image: url(../Images/ui-icons_1d61c9_0.png);
    width: 15px;
    height: 17px;
    background-color: #fff;
    border: 1px solid #0556A7;
    cursor: pointer;
}

.icon-minus {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background-image: url(../Images/ui-icons_1d61c9_0.png);
    width: 15px;
    height: 17px;
    background-color: #fff;
    border: 1px solid #0556A7;
    cursor: pointer;
}

    .icon-plus:hover, .icon-minus:hover {
        background-color: #FFF79B;
    }

    .icon-plus:active, .icon-minus:active {
        background-color: #FFDD54;
    }


.placksearch {
    float: right;
    margin-right: 0;
    right: 0;
}


/*---------------前端驗證CSS-----------------*/
span.field-validation-error {
    color: Red;
    margin: 0 0 0 2px;
}

.input-required-text { /* border: 1px dashed #ff8181 !important;*/
}

.input-validation-error, .input-validation-error input {
    background-color: #FDD;
}

/*---------------頁面INPUT統一樣式CSS-----------------*/
/* 2017-02-13 盟興 穎玠說ERP套用WOO背景樣式 */
/*img.ui-datepicker-trigger { right: 20px; margin-right: -18px !important; }
.readonly_text { background-color: #ddd; border-color: #646464 ; color: #004080; border: 1px solid #CCC !important; }
.readonly_text { background-color: rgba(221, 221, 221, 0.1);color: #004080; border: 1px solid #CCC !important; }
.readonly_text:focus { border: 1px solid #CCC !important; }
.upper_text { text-transform: uppercase; }
.date_text { text-align: right; letter-spacing: 1px; padding-right: 17px; text-align: left; }
.date_text:nth-of-type(1) { text-align: right; letter-spacing: 1px; padding-right: 20px; text-align: left; }
.price_text { background-color: #FFE3FB !important; color: #FF00FF; border-color: #FF7373; font-weight: bolder !important; }
.price_text { background-color: #b6c3c3; color: black; border-color: #FF7373; font-weight: bolder !important; }
.area_text { vertical-align: text-top; }
.money_F, .money_td { text-align: right; }
.price_td { color: #800080; }
.price_td { color: black; }
.save_inp { background-color: inherit; border: 0; }
span.ui-helper-hidden-accessible { display: none; }*/
img.ui-datepicker-trigger {
    right: 25px;
    margin-right: -18px !important;
}

.table_scrollBody td img.ui-datepicker-trigger {
    right: 21px;
}

.readonly_text {
    background-color: #ddd;
    color: #004080;
    border: 1px solid #CCC !important;
}

    .readonly_text:focus {
        border: 1px solid #CCC !important;
    }

.upper_text {
    text-transform: uppercase;
}

.date_text {
    letter-spacing: 1px;
    padding-right: 17px;
    text-align: left;
}

    .date_text:nth-of-type(1) {
        letter-spacing: 1px;
        padding-right: 20px;
        text-align: left;
    }

.price_text {
    background-color: #fedfdf !important;
    color: #ff285b;
    border-color: #FF7373;
    font-weight: bolder !important;
}

.area_text {
    vertical-align: text-top;
}

.money_F, .moeny_td, .money_td {
    text-align: right;
}

/*.price_td {
    color: #000000;
}*/

.save_inp {
    background-color: inherit;
    border: 0;
}

span.ui-helper-hidden-accessible {
    display: none;
}
/*---------------頁面按鈕統一樣式CSS-----------------*/
#pageSave_btn {
    height: 40px;
    width: 62px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

    #pageSave_btn:hover {
        background-position: -1px -690px !important;
    }

    #pageSave_btn:active {
        background-position: -1px -680px !important;
    }
/*---------------2016-04-07查詢頁特別修改CSS-----------------*/
div.Title {
    margin-top: 10px;
}

div#DataTable_filter {
    padding-top: 0px;
    padding-bottom: 0px;
}

td {
    height: 23px !important;
    font-size: 13px !important;
}

input.select_All {
    height: 15px;
    margin: 0px 2px;
}

input.select_row {
    height: 15px;
    margin: 0px 2px;
}

span.ui-icon.ui-icon-pencil.icon-edit-td.EditIcon {
    margin: -6px -2px 0px 0px;
}

/*---------------2017-03-17 蔣宜成 -----------------*/
#midLink {
    position: absolute;
    left: 920px;
    top: 50px;
}

#midImg {
    height: 200px;
}

/*---------------2017-03-20 盟興 -----------------*/
/*---------------簽核相關 -----------------*/
#signcode_btn {
    color: red;
    -webkit-animation: flash-text 1s infinite ease-in-out;
    -moz-animation: flash-text 1s infinite ease-in-out;
    -o-animation: flash-text 1s infinite ease-in-out;
    animation: flash-text 1s infinite ease-in-out;
}

.padding-left-0 {
    padding-left: 0;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-17 {
    padding-left: 17px;
}

.padding-left-20 {
    padding-left: 20px;
}

/*---------------2019-02-13 復陞 -----------------*/
/*---------------AutoComplete Mid已停產畫刪除線-----------------*/
.auto_table .isStop {
    text-decoration: line-through;
}

.auto_table .stopproduce {
    position: relative;
}

    .auto_table .stopproduce:after {
        content: "";
        height: 2px;
        position: absolute;
        left: 0;
        right: 0;
        top: 56%;
        margin-top: -1px;
        background-color: #525252;
    }



/*------ 欄位最小 width -----------*/

.mid_css {
    min-width: 320px !important;
    width: -webkit-fill-available !important;
}

.sid_css {
    min-width: 200px !important;
    width: -webkit-fill-available !important;
}


.cid_css {
    min-width: 200px !important;
    width: -webkit-fill-available !important;
}

.sccode_css {
    min-width: 320px;
    width: -webkit-fill-available !important;
}

.code_css {
    min-width: 220px;
    width: -webkit-fill-available !important;
}


.mname_css, .sname_css, .cname_css {
    min-width: 600px;
    width: -webkit-fill-available !important;
}

.packtype_css {
    min-width: 240px;
    width: -webkit-fill-available !important;
}

.packname_css {
    min-width: 240px;
    width: -webkit-fill-available !important;
}

.select2-dropdown {
    z-index: 3000 !important;
}

/*2021-06-02 有autocomplete的都轉大寫*/
.ui-autocomplete-input:not(.ui-ismark):not(input[name*='unit']) {
    text-transform: uppercase;
}

.td_unit .ui-autocomplete-input:not(.ui-ismark):not(input[name*='unit']), .td_inunit .ui-autocomplete-input:not(.ui-ismark):not(input[name*='unit']) {
    text-transform: none;
}

/*廠商產品、客戶產品的都轉大寫*/
.td_sidno, .td_cidcode {
    /*text-transform: uppercase;*/
}

.none {
    display: none;
}

/*視窗開在COPYCODE的*/
#copycode iframe {
    width: 100%;
    height: 99%;
}

#div_bar .ui-mobileicon, #favoritesID .ui-mobileicon {
    background-image: url(../Images/mobileicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 27px 27px;
    width: 24px;
    display: inline-block;
    height: 24px;
    margin: 5px;
}

#stno_block {
    position: fixed;
    top: 305px;
    right: 52px;
    overflow-y: scroll;
    height: 177px;
    background-color: white;
    padding: 0px 0px 0px 20px;
    z-index: 9999;
    border: 1px solid #9E9E9E;
}

    #stno_block table td {
        padding: 0px 10px 0px 0px;
    }


/*單據頁面抓01資訊的欄位*/
#sl01_memo_block {
    position: fixed;
    right: 52px;
    top: 131px;
    border: 1px solid;
    /*height: 335px;*/
    width: 450px;
    z-index: 9;
}

    #sl01_memo_block label {
        width: 445px;
        text-align: left;
        margin-left: 0px;
        padding-left: 4px;
        padding-top: 4px;
    }

    #sl01_memo_block textarea {
        background: rgb(240, 240, 240);
        width: 444px;
        height: 140px;
        margin-left: -2px !important;
    }

    #sl01_memo_block #sl01_memo_block_close {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 25px;
        height: 20px;
        text-align: center;
        padding-top: 6px;
        cursor: pointer;
    }

    #sl01_memo_block #sl01_memo_block_close2 {
        position: absolute;
        top: 0px;
        right: 35px;
        /* width: 60px; */
        height: 20px;
        text-align: center;
        padding-top: 4px;
        cursor: pointer;
    }

#signwork_btn_nowork, #signwork_btn, #signwork_btn_nowork2, #signwork2_btn {
    min-height: 36px;
    max-height: 36px;
    clear: both;
    min-width: 35px;
    max-width: 96px;
    background-position: -1px -389px;
    background-color: #fff;
    border: #888;
    border: 1px solid #d1d1d1;
    white-space: normal;
    color: #040404;
    cursor: pointer;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    padding: 0;
    margin: 2px;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border-radius: 4px;
    padding: 0px 9px;
}


#favoritesID {
    max-height: 80vh;
    overflow: auto;
}


/*2024-06-05 志軒 淑如正惻脈 客戶會在上面畫圖如果用其他字型會跑掉 所以這邊特別設定細明體 */
textarea[id^="sl"][id$="mark4"], textarea[id^="sl"][id$="mark5"] {
    font-family: MingLiU;
}





.expand_grid {
    position: absolute;
    top: 65px;
    width: calc(100% - 15px);
    background: #fff;
}


.tab1_expand {
    background-image: url(../images/expand.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    min-width: 24px;
    min-height: 24px;
    position: absolute;
    top: 0px;
    right: 0px;
}

    .tab1_expand.tab1_closeexpand {
        background-image: url(../images/closeexpand.svg);
    }

.td_phurry select option {
    background-color: #ffff85;
}

    .td_phurry select option[value="3"] {
        background-color: red !important;
    }

.td_phurry select:has(> option[value="3"]:checked) {
    background: red;
}

.inp-cancel {
    background-color: #dfdfdf !important;
}

@-webkit-keyframes flash {
    0% { opacity: 0; /*透明度为0*/ }
    100% { opacity: 1; /*透明度为1*/ }
}

@-moz-keyframes flash {
    0% { opacity: 0; /*透明度为0*/ }
    100% { opacity: 1; /*透明度为1*/ }
}

@-o-keyframes flash {
    0% { opacity: 0; /*透明度为0*/ }
    100% { opacity: 1; /*透明度为1*/ }
}

@keyframes flash {
    0% { opacity: 0; /*透明度为0*/ }
    100% { opacity: 1; /*透明度为1*/ }
}

/*2017/03/21 哲瑋 針對text做變化*/
@-webkit-keyframes flash-text {
     0% { color: red ; /*透明度为0*/ }
    100% { color: rgba(0, 0, 0, 0) ; /*透明度为1*/ }
}

@-moz-keyframes flash-text {
     0% { color: red ; /*透明度为0*/ }
    100% { color: rgba(0, 0, 0, 0) ; /*透明度为1*/ }
}

@-o-keyframes flash-text {
     0% { color: red ; /*透明度为0*/ }
    100% { color: rgba(0, 0, 0, 0) ; /*透明度为1*/ }
}

@keyframes flash-text {
     0% { color: red ; /*透明度为0*/ }
    100% { color: rgba(0, 0, 0, 0) ; /*透明度为1*/ }
}



@-webkit-keyframes flash-text2 {
     0% { color: red ; /*透明度为0*/ }
      100% { color: rgb(210, 236, 236) ; /*透明度为1*/ }
}

@-moz-keyframes flash-text2 {
     0% { color: red ; /*透明度为0*/ }
     100% { color: rgb(210, 236, 236) ; /*透明度为1*/ }
}

@-o-keyframes flash-text2 {
     0% { color: red ; /*透明度为0*/ }
     100% { color: rgb(210, 236, 236) ; /*透明度为1*/ }
}

@keyframes flash-text2 {
     0% { color: red ; /*透明度为0*/ }
    100% { color: rgb(210, 236, 236) ; /*透明度为1*/ }
}

#menu ul { position: absolute; z-index: 9999; display: none; }
    #menu ul .ui-icon { display: inline-block; vertical-align: middle; }
    #menu ul a { cursor: pointer; }

.formError { position: absolute; top: 300px; left: 300px; padding-bottom: 13px; display: block; z-index: 5000; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }
.formError .formErrorContent { width: auto; background: #ee0101; color: #fff; font-family: tahoma; font-size: 11px; border: 2px solid #ddd; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; padding: 4px 10px 4px 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.greenPopup .formErrorContent { background: #33be40; }

.blackPopup .formErrorContent { background: #393939; color: #FFF; }

.formError .formErrorArrow { position: absolute; bottom: 0; left: 20px; width: 15px; height: 15px; z-index: 5001; }
.formError .formErrorArrowBottom { top: 0; margin: -6px; }

.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; box-shadow: 0px 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0px;  display: block; }
.formError .formErrorArrowBottom div { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }

.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0px solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }