body { font-family: Microsoft JhengHei,Arial; background-color: #ECF3F9; background-position: bottom left; background-size: 100%; text-shadow: none; }
button, input, a, .ui-link, .ui-btn { font-family: Microsoft JhengHei,Arial }
.ui-body-c { text-shadow: none }
.ui-content { padding: 0 }
label.error { background: url("/images/unaccept.png") no-repeat 0 0; padding-left: 16px; float: none; color: red; z-index: 1; white-space: nowrap }
label.errorCustom { background: url("/images/unaccept.png") no-repeat 0 0; padding-left: 16px; float: none; color: red; z-index: 1; white-space: nowrap }
a { cursor: pointer; text-decoration: none }
.MobileBlock { float: left; width: 110px; height: 110px; margin-bottom: 15px; font-size: 14px; display: block; overflow: hidden; position: relative; }
.MobileBlock img { width: 48px; margin-top: 5px }
#MobileHome a { text-decoration: none; color: #333 }
.ui-bar-f { border: 1px solid #56a00e; background: #74b042; color: #fff; font-weight: bold; text-shadow: 0 1px 1px #335413; background-image: -webkit-gradient(linear,left top,left bottom,from(#74b042),to(#56a00e)); background-image: -webkit-linear-gradient(#74b042,#56a00e); background-image: -moz-linear-gradient(#74b042,#56a00e); background-image: -ms-linear-gradient(#74b042,#56a00e); background-image: -o-linear-gradient(#74b042,#56a00e); background-image: linear-gradient(#74b042,#56a00e) }
.ui-bar-f, .ui-bar-f input, .ui-bar-f select, .ui-bar-f textarea, .ui-bar-f button { font-family: Microsoft JhengHei,Arial }
.ui-bar-f, .ui-bar-f .ui-link-inherit { color: #fff }
.ui-bar-f .ui-link { color: #fff; font-weight: bold }
.ui-btn-up-f { border: 1px solid #3b6f07; background: #56a00e; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #234403; background-image: -webkit-gradient(linear,left top,left bottom,from(#74b042),to(#56a00e)); background-image: -webkit-linear-gradient(#74b042,#56a00e); background-image: -moz-linear-gradient(#74b042,#56a00e); background-image: -ms-linear-gradient(#74b042,#56a00e); background-image: -o-linear-gradient(#74b042,#56a00e); background-image: linear-gradient(#74b042,#56a00e) }
.ui-btn-up-f a.ui-link-inherit { color: #fff }
.ui-btn-hover-f { border: 1px solid #3b6f07; background: #6ebc1f; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #234403; background-image: -webkit-gradient(linear,left top,left bottom,from(#8fc963),to(#6ebc1f)); background-image: -webkit-linear-gradient(#8fc963,#6ebc1f); background-image: -moz-linear-gradient(#8fc963,#6ebc1f); background-image: -ms-linear-gradient(#8fc963,#6ebc1f); background-image: -o-linear-gradient(#8fc963,#6ebc1f); background-image: linear-gradient(#8fc963,#6ebc1f) }
.ui-btn-hover-f a.ui-link-inherit { color: #fff }
.ui-btn-down-f { border: 1px solid #3b6f07; background: #3d3d3d; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #234403; background-image: -webkit-gradient(linear,left top,left bottom,from(#56a00e),to(#64a234)); background-image: -webkit-linear-gradient(#56a00e,#64a234); background-image: -moz-linear-gradient(#56a00e,#64a234); background-image: -ms-linear-gradient(#56a00e,#64a234); background-image: -o-linear-gradient(#56a00e,#64a234); background-image: linear-gradient(#56a00e,#64a234) }
.ui-btn-down-f a.ui-link-inherit { color: #fff }
.ui-btn-up-f, .ui-btn-hover-f, .ui-btn-down-f { font-family: Microsoft JhengHei,Arial; text-decoration: none }
.ui-loader-background { width: 105%; height: 110%; top: 0; margin: 0; margin-left: -10px; padding: 0; background: rgba(0,0,0,0.3); display: none; position: fixed; z-index: 100000 }
.ui-loading .ui-loader-background { display: block }
.icon { border: 0; width: 16px; height: 16px; position: relative; top: 3px; margin-top: -4px; right: 2px }
ul.YTList { list-style-type: none; margin: 0; padding: 0 }
ul.YTList li { margin-bottom: 10px; padding: 0 0 10px 0; border-bottom: solid 1px silver }
.selected { border: 1px solid #3b6f07; background: #56a00e; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #234403; background-image: -webkit-gradient(linear,left top,left bottom,from(#74b042),to(#56a00e)); background-image: -webkit-linear-gradient(#74b042,#56a00e); background-image: -moz-linear-gradient(#74b042,#56a00e); background-image: -ms-linear-gradient(#74b042,#56a00e); background-image: -o-linear-gradient(#74b042,#56a00e); background-image: linear-gradient(#74b042,#56a00e) }
.ui-listview-filter { padding-top: 10px }
span.default { color: #0066bc }
.ytPopup { max-width: 400px; min-width: 180px; display: none; padding: 10px; }
li { white-space: normal !important; }
.DivCount { font-family: Microsoft JhengHei,Arial; color: white; padding: 3px; background-color: red; border-radius: 50px; position: absolute; text-shadow: none; min-width: 15px; text-align: center; left: 40px; font-size: 12px }
.pageContent { padding: 10px }
.desc { color: gray; font-size: small }
.tableReflow tbody tr:nth-child(odd) td, .tableReflow tbody tr:nth-child(odd) th { background-color: #D9EBF5; }
/*bootstrap alert*/
.alert { padding: 15px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 4px }
.alert h4 { margin-top: 0; color: inherit }
.alert .alert-link { font-weight: 700 }
.alert > p, .alert > ul { margin-bottom: 0 }
.alert > p + p { margin-top: 5px }
.alert-dismissable, .alert-dismissible { padding-right: 35px }
.alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit }
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #333 }
.alert-success hr { border-top-color: #c9e2b3 }
.alert-success .alert-link { color: #356635 }
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #333 }
.alert-info hr { border-top-color: #a6e1ec }
.alert-info .alert-link { color: #2d6987 }
.alert-warning { background-color: #fcf8e3; border-color: #fbeed5; color: #333 }
.alert-warning hr { border-top-color: #f8e5be }
.alert-warning .alert-link { color: #a47e3c }
.alert-danger { background-color: #f2dede; border-color: #eed3d7; color: #333 }
.alert-danger hr { border-top-color: #e6c1c7 }
.alert-danger .alert-link { color: #953b39 }
/*bootstrap button*/
.btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 8px 12px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 100px }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.btn:hover, .btn:focus, .btn.focus { color: #555; text-decoration: none; border-color: rgba(0,0,0,0.1) }
.btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none }
a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none }
.btn-default { color: #555; background-color: #fff; border-color: rgba(0,0,0,0.1) }
.btn-default:focus, .btn-default.focus { color: #555; background-color: #e6e6e6; border-color: rgba(0,0,0,0.1) }
.btn-default:hover { color: #555; background-color: #e6e6e6; border-color: rgba(0,0,0,0.1) }
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #555; background-color: #e6e6e6; border-color: rgba(0,0,0,0.1) }
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #555; background-color: #d4d4d4; border-color: rgba(0,0,0,0.1) }
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none }
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: rgba(0,0,0,0.1) }
.btn-default .badge { color: #fff; background-color: #555 }
.btn-primary { color: #fff; background-color: #2fa4e7; border-color: #2fa4e7 }
.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #178acc; border-color: #105b87 }
.btn-primary:hover { color: #fff; background-color: #178acc; border-color: #1684c2 }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #178acc; border-color: #1684c2 }
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #1474ac; border-color: #105b87 }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none }
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #2fa4e7; border-color: #2fa4e7 }
.btn-primary .badge { color: #2fa4e7; background-color: #fff }
.btn-success { color: #fff; background-color: #73a839; border-color: #73a839 }
.btn-success:focus, .btn-success.focus { color: #fff; background-color: #59822c; border-color: #324919 }
.btn-success:hover { color: #fff; background-color: #59822c; border-color: #547a29 }
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #59822c; border-color: #547a29 }
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #476723; border-color: #324919 }
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none }
.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #73a839; border-color: #73a839 }
.btn-success .badge { color: #73a839; background-color: #fff }
.btn-info { color: #fff; background-color: #033c73; border-color: #033c73 }
.btn-info:focus, .btn-info.focus { color: #fff; background-color: #022241; border-color: #000 }
.btn-info:hover { color: #fff; background-color: #022241; border-color: #011d37 }
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #022241; border-color: #011d37 }
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #01101f; border-color: #000 }
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none }
.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #033c73; border-color: #033c73 }
.btn-info .badge { color: #033c73; background-color: #fff }
.btn-warning { color: #fff; background-color: #dd5600; border-color: #dd5600 }
.btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #aa4200; border-color: #5e2400 }
.btn-warning:hover { color: #fff; background-color: #aa4200; border-color: #a03e00 }
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #aa4200; border-color: #a03e00 }
.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #863400; border-color: #5e2400 }
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none }
.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #dd5600; border-color: #dd5600 }
.btn-warning .badge { color: #dd5600; background-color: #fff }
.btn-danger { color: #fff; background-color: #c71c22; border-color: #c71c22 }
.btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #9a161a; border-color: #570c0f }
.btn-danger:hover { color: #fff; background-color: #9a161a; border-color: #911419 }
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #9a161a; border-color: #911419 }
.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #7b1115; border-color: #570c0f }
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none }
.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #c71c22; border-color: #c71c22 }
.btn-danger .badge { color: #c71c22; background-color: #fff }
.btn-link { color: #2fa4e7; font-weight: 400; border-radius: 0 }
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent }
.btn-link:hover, .btn-link:focus { color: #157ab5; text-decoration: underline; background-color: transparent }
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #999; text-decoration: none }
/*bootstrap style*/
.form-control { width: 95%; padding: .375rem 2.25rem .6rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out }
.form-control:focus { border: 1px solid #0060DF; box-shadow: 0 1px 1px #0060DF inset,0 0 8px #0060DF; outline: 0 none }
.form-control[readonly] { background-color: #e9ecef; opacity: 1 }

table.yttable { border-collapse: collapse; border-right: 1px solid #A7BDCA; border-top: 1px solid #A7BDCA; background-color: White }
table.yttable caption { color: #369; font-size: 1.2em; font-weight: 700; padding: 0; text-align: center; }
table.yttable td { border: 1px solid #A7BDCA; color: #000; padding: 5px; vertical-align: middle; }
table.yttable th { background: #A7CBF0; border: 1px solid #A7BDCA; color: #333; font-size: 1em; font-weight: 700; padding: 5px; text-align: left; }
table.yttable td.td1 { background: #D9EDF9; }
table.yttable col.td1 { background: #D9EDF9; }
table.yttable td.td3 { background: #FFD700; }
table.yttable tr.selected { background: #FFE5D4; font-weight: normal; text-shadow: none }
.ComboTargetSelectorList2_Nobreak li { cursor: pointer; display: inline; margin-top: 0px;margin-right:5px; }
.ComboTargetSelectorList, .ComboTargetSelectorList2, .ComboTargetSelectorList2_Nobreak, .ComboResourceSelectorList { list-style-type: none; margin: 0 5px 0 2px; padding: 0; }
tr.FormEditRowSelected td { background-color: #FBEC88; }
.tableReflow .FormEditRowSelected:nth-child(odd) td { background-color: #FBEC88; }
/*Mobile V2*/
.ui-page { background: transparent; }
/*.ui-content { background: transparent; }*/
/*tree view*/
.select-bar { cursor: pointer; transition: all ease 0.3s; border-radius: 5px; overflow: hidden; width: 100%; padding: 7px; box-sizing: border-box; border: 1px solid #ced4da; margin: 5px 0; background-color: white; font-size: 16px; color: #444; font-weight: bold; text-shadow: none; }
.select-bar-title { display: inline-block; top: 50%; font-size: 18px; }
.select-box { display: none; position: absolute; min-height: 300px; width: 100%; overflow: scroll; cursor: pointer; transition: all ease 0.3s; border-radius: 5px; padding: 7px; box-sizing: border-box; border: 1px solid #ced4da; margin: 0; background-color: white; font-size: 16px; color: #444; font-weight: bold; text-shadow: none; }
.select-item { }
.select-item-title { display: inline-block; padding: 5px; min-width: 100px; font-size: 18px; top: -4px; position: relative; padding-left: 0 }
.select-item-catalog { display: inline-block; top: 3px; position: relative }
.select-item-checked { display: inline-block; top: 3px; position: relative; float: right; transform: scale(0.7); }
.open-close-button { width: 30px; height: 30px; display: inline-block; text-align: center }
.open-button { border-radius: 3px; width: 18px; height: 18px; position: relative; border: 2px solid #616161; background-color: #fff; z-index: 3; cursor: pointer; transition: all ease 0.3s; display: inline-block; }
.open-button::before, .open-button::after { content: " "; position: absolute; display: block; background-color: #616161; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); transition: all ease 0.3s; }
.open-button::before { width: 70%; height: 2px; }
.open-button::after { height: 70%; width: 2px; }
.close-button { border-radius: 3px; width: 18px; height: 18px; position: relative; border: 2px solid #616161; background-color: #fff; z-index: 3; cursor: pointer; transition: all ease 0.3s; display: inline-block; }
.close-button::before { content: " "; position: absolute; display: block; background-color: #616161; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); transition: all ease 0.3s; }
.close-button::before { width: 70%; height: 2px; }
/*arrow*/
.arrow-align-right { position: relative; }
.arrow-align-right .arrow-button { position: absolute; right: 7px; top: 13px }
.arrow-button { display: inline-block; width: 20px; height: 20px; }
.arrow-down { vertical-align: middle; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; display: inline-block; margin-left: 5px; margin-right: 5px; }
.arrow-right { vertical-align: middle; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; display: inline-block; margin-left: 7px; margin-right: 8px; }
.arrow-top { vertical-align: middle; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; display: inline-block; margin-left: 5px; margin-right: 5px; }
.arrow-left { vertical-align: middle; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; display: inline-block; margin-left: 7px; margin-right: 8px; }

/*mobile icon*/
.mi-icon { background: url(/images/icon/mobile/allicon.png?v=5); width: 100px; height: 100px; padding: 0; border: 0; margin: 0 }
.mi-icon-listbar { margin-top: 10px; margin-left: 10px; display: inline-block; }
/*icon用於listbar時*/
.mi-icon-20 { transform: scale(0.2); margin: -35px; }
.mi-icon-25 { transform: scale(0.25); margin: -35px; }
.mi-icon-30 { transform: scale(0.3); margin: -25px; }
.mi-icon-30-2 { transform: scale(0.3); margin: -35px; }
.mi-sideicon { background-image: url(/images/icon/mobile/sidemenu.png?v=3); width: 90px; height: 90px; padding: 0; border: 0; margin: 0; }
/*icon用於side(側欄選單)*/

.mi-classification { background-position: 0 0; }
/*資料夾*/
.mi-my_document { background-position: -100px 0; }
/*文件*/
.mi-file_management { background-position: -200px 0; }
/*文件管理*/
.mi-list_unread { background-position: -300px 0; }
/*未讀*/
.mi-list_read { background-position: -400px 0; }
/*已讀*/
.mi-forward { background-position: -500px 0; }
/*轉寄*/
.mi-replay { background-position: -600px 0; }
/*回覆*/
.mi-replayall { background-position: -900px -300px; }
/*回覆所有人*/
.mi-gray_delete { background-position: -500px -100px; }
/*刪除*/
.mi-move { background-position: -700px 0; }
/*移動*/
.mi-star { background-position: -700px -200px; }
/*星號*/
.mi-cancel_star { background-position: -800px -300px; }
/*取消星號*/
.mi-important { background-position: -1200px -200px; }
/*標記重要*/
.mi-cancel_im { background-position: -1300px -200px; }
/*取消標記重要*/
.mi-empty_trash { background-position: -1400px -200px; }
/*清空垃圾桶*/
.mi-restore { background-position: -700px -300px; }
/*還原*/
.mi-more { background-position: -400px -100px; }
/*線上簡訊-更多功能*/

.mi-side_menu { background-position: -600px -200px; }
/*側欄選單*/
.mi-side_more { background-position: -500px -200px; }
/*側欄選單-更多功能*/
.mi-arrow_open { background-position: -700px -100px; }
/*折疊-展開箭頭*/
.mi-arrow_close { background-position: -800px -100px; }
/*折疊-收合箭頭*/
.mi-o_arrow_u { background-position: -100px -300px; }
/*橘箭頭收合*/
.mi-o_arrow_d { background-position: -200px -300px; }
/*橘箭頭展開*/
.mi-gray_search { background-position: -1000px 0; }
/*搜尋條內搜尋圖*/
.mi-white_serach { background-position: -1100px 0; }
/*最上方固定按鈕圖-搜尋*/
.mi-refresh { background-position: -1200px 0; }
/*最上方固定按鈕圖-重整*/
.mi-white_delete { background-position: -1400px 0; }
/*最上方固定按鈕圖-刪除*/
.mi-addnew { background-position: -1500px 0; }
/*最上方固定按鈕圖-新增*/
.mi-edit { background-position: 0 -100px; }
/*最上方固定按鈕圖-編輯*/
.mi-white_workbook { background-position: -1500px -100px; }
/*最上方固定按鈕圖-詞彙庫*/
.mi-back_arrow { background-position: -100px -100px; }
/*最上方固定按鈕圖-返回*/
.mi-next_arrow { background-position: -200px -100px; }
/*最上方固定按鈕圖-下一頁*/
.mi-close { background-position: -1000px -300px; }
/*按鈕內圖-關閉*/
.mi-minus { background-position: -1100px -300px; }
/*減去按鈕*/

.mi-mobile { background-position: -800px 0; }
/*行動版*/
.mi-pc { background-position: -900px 0; }
/*電腦版*/
.mi-sendmail { background-position: -600px -100px; }
/*mail送出*/
.mi-greencheck { background-position: -900px -100px; }
/*綠勾*/
.mi-download { background-position: -1000px -100px; }
/*下載*/
.mi-user { background-position: -1100px -100px; }
/*使用者*/
.mi-group { background-position: -1200px -100px; }
/*群組*/
.mi-depart { background-position: -1300px -100px; }
/*部門*/
.mi-role { background-position: 0 -300px; }
/*角色*/
.mi-sendsign { background-position: -1300px 0; }
/*送簽*/
.mi-confirm { background-position: -1500px -200px; }
/*確認送出*/
.mi-workbook { background-position: -1400px -100px; }
/*簽核動作-詞彙庫*/
.mi-attached { background-position: -300px -100px; }
/*附件夾帶檔*/
.mi-color_addfile { background-position: 0px -200px; }
/*彩色-新增文件*/
.mi-color_directions { background-position: -100px -200px; }
/*彩色-文件說明*/
.mi-color_workspace { background-position: -200px -200px; }
/*彩色-工作區*/
.mi-big_folder { background-position: -300px -200px; }
/*彩色-分類資料夾*/
.mi-nodata { background-position: -400px -200px; }
/*無資料*/
.mi-addunit { background-position: -300px -300px; }
/*加入常用組合*/
.mi-myunit { background-position: -400px -300px; }
/*我的常用組合*/
.mi-edit-gray { background-position: -500px -300px; }
/*明細頁-編輯*/
.mi-openpage { background-position: -600px -300px; }
/*明細頁-開啟*/
.mi-leftback { background-position: -800px -200px; }
/*頁碼-上一頁*/
.mi-rightnext { background-position: -900px -200px; }
/*頁碼-下一頁*/
.mi-nextlast { background-position: -1000px -200px; }
/*頁碼-最末頁*/
.mi-backfirst { background-position: -1100px -200px; }
/*頁碼-最前頁*/
.mi-tip { background-position: -1200px -300px; }
/*提示*/
.mi-onmeeting { background-position: -1300px -300px; }
/*線上會議*/
.mi-cancelreserve { background-position: -1400px -300px; }
/*取消*/
.mi-workspace { background-position: -1500px -300px; }
/*工作區*/
.mi-workspace2 { background-position: -800px -400px; }
/*工作區2*/


.mi-agree { background-position: 0 -400px; }
/*同意*/
.mi-disagree { background-position: -100px -400px; }
/*不同意*/
.mi-invalid { background-position: -200px -400px; }
/*作廢*/
.mi-archive { background-position: -300px -400px; }
/*歸檔*/
.mi-restore-form { background-position: -400px -400px; }
/*還原*/
.mi-exchange-order { background-position: -500px -400px; }
/*抽單*/
.mi-function { background-position: -600px -400px; }
/*表單功能區*/
.mi-save { background-position: -700px -400px; }
/*儲存草稿*/
.mi-end { background-position: -800px -400px; }
/*結案*/
.mi-print { background-position: -900px -400px; }
/*列印*/
.mi-overprint { background-position: -1000px -400px; }
/*套印*/
.mi-return_applicant { background-position: -1100px -400px; }
/*退回申請者*/





/*側欄選單左-主選單*/
.mi-Personal { background-position: 0 0; }
/*個人專區*/
.mi-Enterprise { background-position: -100px 0; }
/*企業專區*/
.mi-Knowledge { background-position: -200px 0; }
/*知識論壇*/
.mi-HRM { background-position: -300px 0; }
/*人力資源*/
.mi-Resource { background-position: -400px 0; }
/*資源分享*/
.mi-Form { background-position: -500px 0; }
/*電子表單*/
.mi-logout { background-position: -600px -300px; }
/*登出*/
.mi-home { background-position: -700px -300px; }
/*首頁*/
.mi-pcview { background-position: -800px -300px; }
/*電腦版*/


/*側欄選單左-子選單*/
.mi-PCalendar { background-position: -600px 0; }
/*個人行事曆*/
.mi-TeamCalendar { background-position: -700px 0; }
/*團隊行事曆*/
.mi-ToDo { background-position: -800px 0; }
/*待辦事項*/
.mi-SignBox { background-position: -900px 0; }
/*行動簽核箱*/
.mi-SignBox2 { background-position: -1000px 0; }
/*線上簽核箱*/
.mi-Message { background-position: -1100px 0; }
/*線上簡訊*/
.mi-Contact { background-position: -1200px 0; }
/*個人通訊錄*/
.mi-Chat { background-position: -1300px 0; }
/*即時交談*/
.mi-EAreaCalendar { background-position: 0px -100px; }
/*企業行事曆*/
.mi-Ebulletin { background-position: -100px -100px; }
/*公告系統*/
.mi-EContact { background-position: -200px -100px; }
/*企業通訊錄*/
.mi-MyBusiness { background-position: -300px -100px; }
/*客戶管理*/
.mi-Meeting { background-position: -400px -100px; }
/*會議*/
.mi-Vote { background-position: -500px -100px; }
/*投票*/
.mi-ProjectHome { background-position: -600px -100px; }
/*專案管理*/
.mi-Learning { background-position: -700px -100px; }
/*線上學習*/
.mi-VideoHome { background-position: -800px -100px; }
/*多媒體影音*/
.mi-ForumHome { background-position: -900px -100px; }
/*知識論壇*/
.mi-DocumentHome1 { background-position: -1000px -100px; }
/*文管系統1*/
.mi-DocumentHome2 { background-position: -1100px -100px; }
/*文管系統2*/
.mi-DocumentHome3 { background-position: -1200px -100px; }
/*文管系統3*/
.mi-DocumentHome4 { background-position: -1300px -100px; }
/*文管系統4*/
.mi-DocumentHome5 { background-position: 0 -200px; }
/*文管系統5*/
.mi-HRARSShift { background-position: -100px -200px; }
/*排班系統*/
.mi-HRPunch { background-position: -200px -200px; }
/*線上打卡*/
.mi-HRPunch2 { background-position: -300px -200px; }
/*打卡系統*/
.mi-HRWL { background-position: -400px -200px; }
/*請假系統*/
.mi-HRWO { background-position: -500px -200px; }
/*加班系統*/
.mi-HRBT { background-position: -600px -200px; }
/*出差系統*/
.mi-HRReimburse { background-position: -700px -200px; }
/*費用報支*/
.mi-HRCI { background-position: -800px -200px; }
/*外出打卡*/
.mi-HRPayQuery { background-position: -900px -200px; }
/*薪資查詢*/
.mi-ResourceHome { background-position: -1000px -200px; }
/*資源預約*/
.mi-Books { background-position: -1100px -200px; }
/*圖書借閱*/
.mi-FSSHome { background-position: -1200px -200px; }
/*檔案分享*/
.mi-MRSHome { background-position: -1300px -200px; }
/*問卷市調*/
.mi-Album { background-position: 0 -300px; }
/*企業相簿*/
.mi-EmployeeBuying { background-position: -100px -300px; }
/*員工購物*/
.mi-GroupBuying { background-position: -200px -300px; }
/*團體購物*/
.mi-ApplyforArticles { background-position: -300px -300px; }
/*物品請領*/
.mi-OMS { background-position: -400px -300px; }
/*訂餐系統*/
.mi-Lottery { background-position: -500px -300px; }
/*抽獎系統*/

/*表單功能頁*/
.fo-allfile { background-position: 0 -375px; }
/*全部文件*/
.fo-official_file { background-position: -75px -375px; }
/*正式文件*/
.fo-file_returned { background-position: -150px -375px; }
/*已退回文件*/
.fo-draft_file { background-position: -225px -375px; }
/*草稿文件*/
.fo-unreview_file { background-position: -300px -375px; }
/*呈核中文件*/
.fo-tobe_signed { background-position: -375px -375px; }
/*待簽核文件*/
.fo-signed_file { background-position: -450px -375px; }
/*已簽核文件*/
.fo-completed_file { background-position: -525px -375px; }
/*已完成文件*/
.fo-exception_file { background-position: -600px -375px; }
/*異常文件*/
.fo-void_file { background-position: -670px -375px; }
/*已作廢文件*/

/*詞彙庫*/
.wordbook_list_box { width: 100%; height: 300px; max-height: 500px; background-color: #FFFFFF; border: 1px solid #ebe6e2; text-align: left; display: block; overflow-y: scroll; cursor: pointer }
.wordbook_list { width: 700px; color: #504343; font-size: 1rem; line-height: 1.6rem; height: 30px; border-bottom: 1px solid #ebe6e2; padding: 10px; font-weight: 600; }
.selected_wordbook_title { color: #774e4e; font-size: .9rem; line-height: 1.4rem; margin: 10px 0; font-weight: 600; }
.selected_wordbook_list { width: 100%; height: auto; margin-bottom: 40px; }
.selected_wordbook { width: auto; color: #504343; font-size: 1rem; line-height: 1.6rem; background-color: #eeeeee; border: 2px solid #ebe6e2; border-radius: 5px; display: inline-block; padding: 2px 4px; margin: 5px; margin-left: 0; }
#WordListPageContent { padding: 10px }
/*Top Status訊息*/
#YTStatusBar { -moz-opacity: 0.9; background-color: #369; filter: alpha(opacity=90); left: 0; opacity: 0.9; padding: 10px 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 9999; }
#YTStatusBarText { color: #FFF; font-size: 16px; font-weight: 700; z-index: 10000; }
/*navbar*/
.listbar { background-color: #767c93; width: 100%; height: 50px; top: 0; z-index: 99; }
.listbar_btn_l { width: 50px; height: 50px; float: left; background-color: #9196a9; }
.listbar_btn_r { width: 50px; height: 50px; float: right; background-color: #767c93; }
.listbar_arrow_pic_l, .listbar_arrow_pic_r, .listbar_search, .listbar_refresh, .listbar_edit, .listbar_delete, .listbar_sendsign, .listbar_wordbook { background-image: url('/images/icon/mobile/allicon.png'); width: 100px; height: 100px; margin-top: -25px; margin-left: -25px; transform: scale(0.33); }

/*人員選擇器*/
.targetselector { width: 100%; }
.targetselector_header { width: 100%; white-space: nowrap; line-height: 1.8rem; padding: 5px; text-align: left; display: block; background-color: #ECF3F9; }
.targetselector_status { color: #8a8787; font-size: .9rem; line-height: 1.2rem; padding: 4px 8px; height: auto; text-shadow: none; cursor: pointer; margin: 0px 5px 0px 0px; display: inline-block; }
.targetselector_status_selected { color: #FFFFFF; background-color: #5289b7; border-radius: 30px; padding: 4px 8px; margin: 0px 5px 0px 0px; }
.targetselector_common { max-width: 700px; color: #5289b7; font-size: 1rem; margin-top: 5px; margin-right: 15px; background-color: #ECF3F9; }
.targetselector_common_btn { display: inline-block; cursor: pointer; }
.targetselector_common_myunit { display: flex; }
.targetselector_common_addunit { display: flex; }
.targetselector_common_pic { background-image: url('/images/icon/mobile/allicon.png'); width: 100px; height: 100px; transform: scale(0.2); margin: -35px; }
.targetselector_common_text { color: #5289b7; font-size: 1rem; margin-right: 10px; font-weight: 600; }
.targetselector_listview { overflow: scroll; display: block; }

/*人員選擇器-item*/
.select_box { width: 100%; color: #767575; font-size: 1rem; border-bottom: 1px solid #cac9c9; height: auto; margin: 20px; margin-left: 10px; cursor: pointer; }
.select_box_area1 { text-align: left; margin: -10px 20px 0 0; }
.select_box_name { color: #504343; font-size: 1rem; font-weight: bold; margin: 0 20px 0 10px; display: inline-block; word-wrap: break-word; }
.select_box_name2 { color: #5289b7; font-size: 1rem; display: inline; margin-left: 10px; word-wrap: break-word; }
.select_box_area2 { margin: 5px 35px 0 0; text-align: left; }
.select_box_area2 li { color: #8a8787; font-size: 1rem; display: inline-block; margin-left: 10px; }
.select_box_detail { color: #5289b7; font-size: 1rem; display: block; margin: 5px 10px 0 10px; word-wrap: break-word; }

/*Search Bar*/
.searchbox { width: 100%; display: flex; position: relative; background-color: #ECF3F9; }
.searchbox_search_btn { background-color: #fab131; border: none; color: white; padding: 10px; text-align: center; text-decoration: none; font-size: 16px; margin: 0 3px; border-radius: 5px; cursor: pointer; display: inline; }
.searchbox_reset_btn { background-color: #d1d1d1; border: none; color: #777575; padding: 10px; text-align: center; text-decoration: none; font-size: 16px; margin: 0 3px; border-radius: 5px; cursor: pointer; display: inline; }
.searchbox_textbox { color: black; border: 1px solid #eee; outline: 0; font-size: .8rem; display: inline; padding: 12px 10px 12px 40px; transition: border .25s linear; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); background-color: #fff; width: calc(100% - 142px); border-radius: 5px; text-shadow: none; }
.searchbox_textbox_icon { position: absolute; top: -30px; left: -30px; background-image: url('/images/icon/mobile/allicon.png'); width: 100px; height: 100px; transform: scale(0.3);z-index:1; }

/*頁碼*/
.pagingWrap { width: auto; margin: 0; text-align: center; }
.paging { text-shadow: none; text-align: center; display: inline-block; margin: 0 auto 0 auto; }
.paging .pagingBtn { margin: 2px; padding: 4px 6px; border: 1px solid #ccc; font-weight: bold; cursor: pointer; color: #999; background-color: white; display: inline-block; position: relative; top: 10.5px }
.paging .pagingPageList { min-width: 48px; text-align: center; position: relative; cursor: pointer; height: 24px; padding-top: 8px; padding-bottom: 6px; top: -6px }
.paging .xab { position: absolute; width: 60px; border: 1px solid #ccc; height: 123px; overflow-y: auto; overflow-x: hidden; top: -125px; background-color: #fff; display: inline; left: -1px; color: #504343; z-index: 100; }
.paging .xab div { border: 0; padding: 4px 0px; color: #999; margin-left: 0px; text-align: center; text-shadow: none; }
.pagingArrow_icon { background-image: url(/images/icon/mobile/allicon.png); width: 100px; height: 100px; transform: scale(0.2); margin: -35px; }
.pagingFooter { border: 0; background-color: #ECF3F9; }
.pagingFooterPanel { position: fixed; bottom: 0; height: 60px; background-color: #ECF3F9; width: 100%; display: block; margin-bottom: 0px; z-index: 10 }

/*button-style*/
.search_m_btn { color: #626161; border: none; background-color: #e2e1dd; letter-spacing: 1px; padding: 8px; width: 25%; text-align: center; text-decoration: none; font-size: .9rem; margin: 20px; border-radius: 5px; }
.group-btn { width: 100%; margin: 0 auto; text-align: center; padding: 10px 0; }
.button { cursor: pointer; color: #5289b7; border: 1px #5289b7 solid; background-color: #FFF; padding: 8px; width: 45%; text-align: center; text-decoration: none; display: inline-block; font-size: 1rem; margin-right: 2%; }
.button:hover { background-color: #f2f2f2; }
.blockbtn { color: #626161; border: none; background-color: #e2e1dd; letter-spacing: 1px; padding: 14px; width: 50%; text-align: center; text-decoration: none; display: inline-block; font-size: 1.1rem; }
.bluebtn { background-color: #5289b7 !important; color: #fff; }
.bluebtn:hover { background-color: #609fd4; }
.submit-btn { width: 100%; margin: 0 auto; text-align: center; font-size: 0; }
.btnicon { background-image: url(/images/icon/mobile/allicon.png); width: 30px; height: 30px; position: absolute; right: 50px; margin-top: -2px; }

/*form-edit button*/
.editfile-btn { border: 1px solid #437eb0; color: #437eb0; padding: 6px 20px; text-align: left; text-decoration: none; font-size: 1rem; background: linear-gradient(#ffffff,#edecec); line-height: 28px; font-weight: 600; }
.editfile-btn:hover, .editfile-btn:active { border: 1px solid #437eb0; color: #0b5c9e; padding: 6px 20px; text-align: left; text-decoration: none; font-size: 1rem; background: linear-gradient(#f3f3f3,#edecec); line-height: 28px; font-weight: 600; }
.notice_red { color: #d70909; font-size: .8rem; line-height: 1.8rem; }

/*modal*/
.formmodal { text-shadow: none; min-width: 260px; max-width: 600px; display: none; padding: 0; border: 0; }
/*modal_bluehearder 藍色彈窗*/
.modal_blue_header { min-height: 25px; background-color: #5289b7; color: #FFF; font-size: 1.2rem; text-align: center; padding: 10px; font-weight: 600; padding-top: 10px; }
.modal_blue_close { position: absolute; top: 10px; right: 20px; color: #FFF; text-decoration: none; font-size: 1.6rem; }
.formsearch_m, .formwordbook_m { padding: 10px; text-align: left; margin: 0 auto; width: 90%; }
.labeltitle { color: #636161; font-size: 1rem; line-height: 1.8rem; font-weight: 600; margin: .4em 0 .4em !important; }

/*表單共用文字輸入框樣式*/
.formmodal input[type=text] { width: 100%; padding: 7px; box-sizing: border-box; border: 1px solid #ced4da; border-radius: 5px; }
.formmodal input[type=text].error { border: 1px solid #dc3545 !important; accent-color: #F6CCD0; outline: none; }

/*form-edit checkbox*/
.checkbox-wrap { display: block; position: relative; padding-left: 22px; margin-bottom: 10px !important; cursor: pointer; font-size: 16px; user-select: none; }
.checkbox-wrap input { display: none; }
.checkbox-wrap .checkmark { position: absolute; top: 4px; left: 0; height: 16px; width: 16px; border: 1px solid #999999; box-sizing: border-box; border-radius: 4px; transition: all 0s ease; }
.checkbox-wrap .checkmark:after { content: ""; position: absolute; display: none; left: 3px; top: 0px; width: 4px; height: 8px; border: 2px solid #FFF; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.checkbox-wrap input:checked + .checkmark { background-color: #437eb0; border: 2px solid #437eb0; }
.checkbox-wrap input:checked + .checkmark:after { display: block; }

/*form-style*/
.headline1 { width: 35%; color: #5289b7; font-size: 1rem; line-height: 1.8rem; text-align: left; font-weight: 600; }
.content_sub { color: #636161; font-size: 1rem; line-height: 1.8rem; text-align: left; }

/*collapse*/
.collapsible { background-color: #eeeeee; color: #363636; font-weight: bold; border: 1px solid #a7a6a6; border-top: 4px solid #f99a04; font-size: 1.2rem; font-weight: bold; cursor: pointer; padding: 12px; width: 100%; text-align: left; outline: none; }
.collapsible:after { content: ''; background: url('/images/icon/mobile/allicon.png'); background-position: -700px -100px; width: 100px; height: 100px; float: right; padding-top: 5px; transform: scale(0.3); margin: -40px }
.collapsibleActive:after { content: ''; background: url('/images/icon/mobile/allicon.png'); background-position: -800px -100px; width: 100px; height: 100px; float: right; padding-top: 5px; transform: scale(0.3); margin: -40px }
.collapsibleContent { color: #363636; padding: 15px; background-color: #ffffff; border-left: 1px solid #a7a6a6; border-right: 1px solid #a7a6a6; border-bottom: 1px solid #a7a6a6; border-radius: 0 0 10px 10px; }

/*頁面上方固定按鈕條*/
#header { background-color: #ecf3f9; text-shadow: none; }
#lbTitle { color: #232323; font-size: 1.2rem; font-weight: normal; }
.TopMenuLeft { cursor: pointer; margin: 5px; transform: scale(0.33); margin-top: -25px; margin-left: -20px; margin-bottom: -25px; margin-right: -30px; }
.TopMenuRight { cursor: pointer; margin: 5px; transform: scale(0.33); margin-top: -25px; margin-right: -30px; margin-bottom: -25px; margin-left: -30px; }

/*view switch*/
.viewSwitchPanel { width: 100%; height: 35px; white-space: nowrap; line-height: 1.8rem; padding: 0; text-align: left; background-color: #ecf3f9; margin: 5px 10px; }
.viewSwitchPanel label { display: inline-block; width: auto; color: #504343; cursor: pointer; border-radius: 45px; position: relative; z-index: 2; }
.viewSwitchPanel label:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #000000 transparent transparent transparent; float: right; margin: 10px; }
.viewSwitchPanel input[type="checkbox"]:checked + label + .viewSwitchPanelContent { display: flex; flex-direction: row; flex-wrap: wrap; }
.viewSwitchPanel input[type="checkbox"]:checked + label:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #000000 transparent; float: right; margin: 10px; }
.viewSwitchPanelContent { display: none; width: 85%; background-color: #FFFFFF; height: auto; padding: 10px 15px; margin: 0 10px; position: absolute; z-index: 3; left: 0; border-radius: 30px; -webkit-box-shadow: 3px 3px 6px 0px #8D8E8E; box-shadow: 3px 3px 6px 0px #8D8E8E; height: auto; }
.viewSwitch { color: #8a8787; font-size: .9rem; line-height: 1.2rem; padding: 4px 8px; height: auto; text-shadow: none; cursor: pointer; margin: 0px 5px 0px 0px; display: inline-block; }
.viewSwitch a, .viewSwitch a:hover, .viewSwitch a:visited { color: #8a8787; }
.viewSwitch_selected { color: #FFFFFF; background-color: #5289b7; border-radius: 30px; padding: 4px 8px; margin: 0px 5px 0px 0px; }
.viewSwitch_selected a, .viewSwitch_selected a:hover, .viewSwitch_selected a:visited { color: #FFFFFF; }
.unread_remind { color: #cd333d; font-size: .9rem; line-height: 1.2rem; padding-left: 5px; }
.viewSwitch_selected .unread_remind { color: #a3dfe3; }

/*表單列表樣式*/
.listbox { width: 88%; background-color: #ffffff; height: auto; border-radius: 15px; border: 2px solid #ebe6e2; padding: 15px; margin: 10px; position: relative; }
.list_title { width: 100%; text-align: left; color: #504343; font-weight: bold; font-size: 1.2rem; }
.list_subtitle { color: #504343; font-size: 1rem; line-height: 1.5rem; text-align: left; }
.list_date { color: #b3b1b1; font-size: .8rem; line-height: .6rem; margin-left: 15px; margin-top: -5px; }
.list_number { color: #b3b1b1; font-size: .8rem; line-height: .6rem; margin-left: 10px; display: inline-block; }
.hrg { border: 1px solid #ebe6e2; }
.detail_form { background-color: #e5e5e5; padding: 5px; color: #777575; font-size: .8rem; line-height: 1rem; width: auto; border-radius: 5px; margin-right: 20px; }
.detail_form a { color: #504343; }
.novin_title { color: #5289b7; font-size: .9rem; line-height: 1.4rem; text-align: left; width: 35%; }
.novin_sub { color: #504343; font-size: .9rem; line-height: 1.4rem; text-align: left; }

/*表單列表小圖示*/
.pc_pic, .mobile_pic { margin-right: 5px; position: absolute; top: 0px; left: 3px; }
.user_pic { width: auto; text-align: left; color: #6b80a2; font-size: .8rem; line-height: 1rem; font-weight: 600; margin-right: 3px; }
.user_icon, .group_icon { display: inline-block; margin: -45px !important; }
.group_pic, .depart_pic { width: auto; text-align: left; color: #728d79; font-size: .8rem; line-height: 1rem; margin-top: 10px; font-weight: 600; float: left; }
.role_pic { width: auto; text-align: left; color: #504343; font-size: .8rem; line-height: 1rem; margin-top: 10px; font-weight: 600; float: left; }
.user_pic .name { margin-left: 3px; display: inline-block; }

/*表單列表速等*/
.inner-box_fastest { width: 0; height: 0; border-width: 50px 50px 0 0; border-style: solid; border-color: #fd3d0a transparent transparent transparent; position: absolute; transform: rotate(90deg); float: right; top: 0; right: 0; border-radius: 15px 0; }
.inner-box_fast { width: 0; height: 0; border-width: 50px 50px 0 0; border-style: solid; border-color: #fcb905 transparent transparent transparent; position: absolute; transform: rotate(90deg); float: right; top: 0; right: 0; border-radius: 15px 0; }

/*表單列表-狀態*/
.doc-state { width: auto; height: 20px; font-size: .8rem; border-radius: 4px; padding: 1px 2px; margin-right: 20px; color: #8f8e8e; }
.state_F { color: #009944; }
.state_B { color: #e75f5f; }
.state_P { color: #21a5d5; }
.state_S { color: #f4a029; }
/*表單列表折疊內容展開*/
/*.listDetailContent { display: none; background-color: #faf8f8; height: auto; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; border-right: 2px solid #ebe6e2; border-bottom: 2px solid #ebe6e2; border-left: 2px solid #ebe6e2; padding: 5px; margin: -20px 0 10px 0; z-index: -1; }*/
.listDetailContent { display: none; background-color: #faf8f8; height: auto; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; border-right: 2px solid #ebe6e2; border-bottom: 2px solid #ebe6e2; border-left: 2px solid #ebe6e2; padding: 10px 15px; margin: -15px 0px 10px 0px; z-index: -1; }
.listDetailContentMultiChoice { margin-left: 25px !important; }
input[type="checkbox"]:checked + label + .listDetailContent { display: block; }
.listDetailContent table { width: 100%; margin-top: 10px }
/*表單清單列表折疊*/
/*.listcontent label { display: block; background-color: #FFFFFF; color: #504343; cursor: pointer; border-radius: 15px; border: 2px solid #ebe6e2; padding: 10px; padding-bottom:5px; position: relative; z-index: 2; }*/
.listcontent label { display: block; background-color: #FFFFFF; color: #504343; cursor: pointer; border-radius: 15px; border: 2px solid #ebe6e2; padding: 15px; position: relative; z-index: 2; }
.listcontent label.multiChoice { margin-left: 25px; }
/*input[type="checkbox"] { display: none; }*/
.listcontent label:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent transparent #000000 transparent; float: right; margin-top: -18px; }
/*box右下角收合箭頭*/
.noLabelAfter:after { border-width: 0 0 0 0 !important; }
/*box右下角無收合箭頭*/
input[type="checkbox"]:checked + label:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #fe9b00 transparent transparent transparent; float: right; margin-top: -18px; }
.filelistbox { margin-bottom: 10px; position: relative; }
/*表單簽核頁-簽核框*/
.wordbook_iconlink { display: inline-block; margin: -45px -40px -45px -45px !important; }
.wordbook_word { display: inline-block; }
/*表單批次處理*/
.signbox-list input[type="checkbox"], .eform-filelist input[type="checkbox"], .listcontent input[type="checkbox"] { position: absolute; left: -5px; top: 45px; opacity: 1; width: 15px; height: 15px; }
/*表單簽核頁-批次動作*/
.top_checkbox { float: right; width: 50%; margin-right: -30px; }
.multiChoiceAction_title { float: left; margin-left: -4px; margin-right: 10px; top: -4px; position: relative }
.linkcolor { color: #7b7a7a; }
.multiChoiceAction { cursor: pointer }
/*表單共用樣式-批次功能*/
.morebox { width: 8%; float: right; margin-right: 60px; margin-top: -15px; height: 30px; }
.top_select { width: 100%; display: inline-block; margin: 0; }
.alldeletebox { width: 50%; float: right; margin-right: 10px; }
.nowselect { width: 25%; color: #504343; font-size: 1.1rem; line-height: 1.2rem; font-weight: 600; float: left; transition: all ease .3s; position: relative; top: -3px; left: -10px; }
.multiChoiceActionIcon { float: left; margin-top: -8px; }
.delete_title { color: #7b7a7a; font-size: 1.1rem; line-height: 1.2rem; font-weight: 600; float: left; margin-left: -10px; }
.top_select input[type="checkbox"] { float: left; display: block; width: 15px; height: 15px; margin-top: 0px; border-radius: 5px; position: relative; left: -9px; }
.top_select input:checked { background-color: #2196F3; }

@media screen and (max-width:360px) {
	.top_checkbox { margin-right: -30px; width: 60%; }
}

@media screen and (min-width:520px) {
	.top_checkbox { margin-right: -30px; width: 40%; }
	.eform-filelist .nowselect { margin-left: -10px; }
}

@media screen and (min-width:700px) {
	.top_checkbox { width: 30%; }
	.eform-filelist .nowselect { margin-left: -30px; }
}

/* modal底部彈窗樣式*/
.modal_more_content { border-radius: 35px 35px 0 0; position: fixed; background: #fff; height: auto; padding: 20px; bottom: 0; max-width: 700px; left: 50%; transform: translateX(-50%); min-width: 300px; }
.modal_more_content .close { color: #777575; font-size: 28px; font-weight: bold; float: right; margin-right: 10px; text-shadow: none; font-family: Arial; padding: 5px; margin-right: -5px; margin-top: -10px; }
.modal_more_content .close:hover, .modal_more_content .close:focus { color: #000; text-decoration: none; cursor: pointer; }
.modal_itemBox { padding: 0 40px 20px 40px; text-align: left; }
.modal_itemBoxDetail { width: 100%; float: left; margin: 10px; height: 30px; cursor: pointer; }
.modal_pic { float: left; margin-top: -35px; margin-left: -40px; background-image: url('/images/icon/mobile/allicon.png'); width: 100px; height: 100px; transform: scale(0.33); }
.modal_item { width: 50%; text-align: left; float: left; margin-left: -10px; color: #504343; font-size: 1.2rem; line-height: 1.5rem; margin-top: 2px; text-shadow: none; }

.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.headline1 { width: 25%; color: #5289b7; font-size: 1rem; line-height: 1.2rem; text-align: left; font-weight: 600; }

.content input[type="text"] { width: 100%; padding: 7px; box-sizing: border-box; border: 1px solid #ced4da; border-radius: 5px; margin: 0; font-size: 1rem; }
.content input[type="date"] { border: 1px solid #ced4da; padding: 7px; border-radius: 5px; width: calc(100% - 15px); margin: 0; font-size: 1rem; }

.arrowdown_s { width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #000000 transparent transparent transparent; float: right; margin-right: 6px; margin-top: 8px; }
.dropbtn { padding: 7px; font-size: 16px; border-radius: 5px; width: auto; background: #fff; border: 1px solid #ced4da; text-align: left; margin: 5px 0; min-width: 110px; display: block; cursor: pointer; }
.dropdown-content { display: none; position: absolute; background-color: #f6f6f6; width: Calc(100% - 42px); overflow: auto; border: 1px solid #ddd; z-index: 99; max-height: 250px; height: auto; border-radius: 5px; }
.dropdown-content .search { box-sizing: border-box; background-repeat: no-repeat; font-size: 16px; padding: 8px; border: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-bottom: 1px solid #ddd; border-radius: 5px; width: Calc(100% - 4px); margin: 2px 2px; position: sticky; top: 0px; }
.dropdown-content .listItem { color: black; padding: 12px 16px; text-decoration: none; display: block; cursor: pointer; }
.dropdown-content .listItemSelected { background-color: #dddddd; }
.dropbtn .selectedText { width: calc(100% - 40px); display: inline-block; }
.dropbtn .selectedItem { float:left; border: 1px solid #aaa; margin: 2px; padding: 2px; border-radius: 3px; background-color: #e4e4e4; background-clip: padding-box; box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05); background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%); position:relative; }
.dropbtn .selectedItem span { color: #333; line-height: 13px; cursor: default; }
.dropbtn .search-choice-close { position: relative; top: 5px; right: 1px; display: block; width: 16px; height: 12px; background: url(/images/chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; float: right; margin-left: 8px; }

/*mobileDropDownList*/
.mobileDropDownListClearAll { width: 20px; height: 20px; position: relative;float:right;margin-right:3px; }
.mobileDropDownListClearAll::before,
.mobileDropDownListClearAll::after { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px;background-color: #000;transform-origin: center; }
.mobileDropDownListClearAll::before { transform: translate(-50%, -50%) rotate(45deg);}
.mobileDropDownListClearAll::after { transform: translate(-50%, -50%) rotate(-45deg);}

/*ckeditor5*/
:root{--ck-color-mention-background:rgba(153,0,48,.1);--ck-color-mention-text:#990030}.ck-content .mention{background:var(--ck-color-mention-background);color:var(--ck-color-mention-text)}.ck-content code{background-color:hsla(0,0%,78%,.3);border-radius:2px;padding:.15em}.ck-content blockquote{border-left:5px solid #ccc;font-style:italic;margin-left:0;margin-right:0;overflow:hidden;padding-left:1.5em;padding-right:1.5em}.ck-content[dir=rtl] blockquote{border-left:0;border-right:5px solid #ccc}.ck-content pre{background:hsla(0,0%,78%,.3);border:1px solid #c4c4c4;border-radius:2px;color:#353535;direction:ltr;font-style:normal;min-width:200px;padding:1em;tab-size:4;text-align:left;white-space:pre-wrap}.ck-content pre code{background:unset;border-radius:0;padding:0}.ck-content .text-tiny{font-size:.7em}.ck-content .text-small{font-size:.85em}.ck-content .text-big{font-size:1.4em}.ck-content .text-huge{font-size:1.8em}:root{--ck-highlight-marker-yellow:#fdfd77;--ck-highlight-marker-green:#62f962;--ck-highlight-marker-pink:#fc7899;--ck-highlight-marker-blue:#72ccfd;--ck-highlight-pen-red:#e71313;--ck-highlight-pen-green:#128a00}.ck-content .marker-yellow{background-color:var(--ck-highlight-marker-yellow)}.ck-content .marker-green{background-color:var(--ck-highlight-marker-green)}.ck-content .marker-pink{background-color:var(--ck-highlight-marker-pink)}.ck-content .marker-blue{background-color:var(--ck-highlight-marker-blue)}.ck-content .pen-red{background-color:transparent;color:var(--ck-highlight-pen-red)}.ck-content .pen-green{background-color:transparent;color:var(--ck-highlight-pen-green)}.ck-content hr{background:#dedede;border:0;height:4px;margin:15px 0}:root{--ck-color-image-caption-background:#f7f7f7;--ck-color-image-caption-text:#333}.ck-content .image>figcaption{background-color:var(--ck-color-image-caption-background);caption-side:bottom;color:var(--ck-color-image-caption-text);display:table-caption;font-size:.75em;outline-offset:-1px;padding:.6em;word-break:break-word}@media (forced-colors:active){.ck-content .image>figcaption{background-color:unset;color:unset}}.ck-content img.image_resized{height:auto}.ck-content .image.image_resized{box-sizing:border-box;display:block;max-width:100%}.ck-content .image.image_resized img{width:100%}.ck-content .image.image_resized>figcaption{display:block}:root{--ck-image-style-spacing:1.5em;--ck-inline-image-style-spacing:calc(var(--ck-image-style-spacing)/2)}.ck-content .image.image-style-block-align-left,.ck-content .image.image-style-block-align-right{max-width:calc(100% - var(--ck-image-style-spacing))}.ck-content .image.image-style-align-left,.ck-content .image.image-style-align-right{clear:none}.ck-content .image.image-style-side{float:right;margin-left:var(--ck-image-style-spacing);max-width:50%}.ck-content .image.image-style-align-left{float:left;margin-right:var(--ck-image-style-spacing)}.ck-content .image.image-style-align-right{float:right;margin-left:var(--ck-image-style-spacing)}.ck-content .image.image-style-block-align-right{margin-left:auto;margin-right:0}.ck-content .image.image-style-block-align-left{margin-left:0;margin-right:auto}.ck-content .image-style-align-center{margin-left:auto;margin-right:auto}.ck-content .image-style-align-left{float:left;margin-right:var(--ck-image-style-spacing)}.ck-content .image-style-align-right{float:right;margin-left:var(--ck-image-style-spacing)}.ck-content p+.image.image-style-align-left,.ck-content p+.image.image-style-align-right,.ck-content p+.image.image-style-side{margin-top:0}.ck-content .image-inline.image-style-align-left,.ck-content .image-inline.image-style-align-right{margin-bottom:var(--ck-inline-image-style-spacing);margin-top:var(--ck-inline-image-style-spacing)}.ck-content .image-inline.image-style-align-left{margin-right:var(--ck-inline-image-style-spacing)}.ck-content .image-inline.image-style-align-right{margin-left:var(--ck-inline-image-style-spacing)}.ck-content .image{clear:both;display:table;margin:.9em auto;min-width:50px;text-align:center}.ck-content .image img{display:block;height:auto;margin:0 auto;max-width:100%;min-width:100%}.ck-content .image-inline{align-items:flex-start;display:inline-flex;max-width:100%}.ck-content .image-inline picture{display:flex}.ck-content .image-inline img,.ck-content .image-inline picture{flex-grow:1;flex-shrink:1;max-width:100%}.ck-content ol{list-style-type:decimal}.ck-content ol ol{list-style-type:lower-latin}.ck-content ol ol ol{list-style-type:lower-roman}.ck-content ol ol ol ol{list-style-type:upper-latin}.ck-content ol ol ol ol ol{list-style-type:upper-roman}.ck-content ul{list-style-type:disc}.ck-content ul ul{list-style-type:circle}.ck-content ul ul ul,.ck-content ul ul ul ul{list-style-type:square}:root{--ck-todo-list-checkmark-size:16px}.ck-content .todo-list{list-style:none}.ck-content .todo-list li{margin-bottom:5px;position:relative}.ck-content .todo-list li .todo-list{margin-top:5px}.ck-content .todo-list .todo-list__label>input{-webkit-appearance:none;border:0;display:inline-block;height:var(--ck-todo-list-checkmark-size);left:-25px;margin-left:0;margin-right:-15px;position:relative;right:0;vertical-align:middle;width:var(--ck-todo-list-checkmark-size)}.ck-content[dir=rtl] .todo-list .todo-list__label>input{left:0;margin-left:-15px;margin-right:0;right:-25px}.ck-content .todo-list .todo-list__label>input:before{border:1px solid #333;border-radius:2px;box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:box-shadow .25s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.ck-content .todo-list .todo-list__label>input:before{transition:none}}.ck-content .todo-list .todo-list__label>input:after{border-color:transparent;border-style:solid;border-width:0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8) 0;box-sizing:content-box;content:"";display:block;height:calc(var(--ck-todo-list-checkmark-size)/2.6);left:calc(var(--ck-todo-list-checkmark-size)/3);pointer-events:none;position:absolute;top:calc(var(--ck-todo-list-checkmark-size)/5.3);transform:rotate(45deg);width:calc(var(--ck-todo-list-checkmark-size)/5.3)}.ck-content .todo-list .todo-list__label>input[checked]:before{background:#26ab33;border-color:#26ab33}.ck-content .todo-list .todo-list__label>input[checked]:after{border-color:#fff}.ck-content .todo-list .todo-list__label .todo-list__label__description{vertical-align:middle}.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox]{position:absolute}.ck-content .media{clear:both;display:block;margin:.9em 0;min-width:15em}.ck-content .page-break{align-items:center;clear:both;display:flex;justify-content:center;padding:5px 0;position:relative}.ck-content .page-break:after{border-bottom:2px dashed #c4c4c4;content:"";position:absolute;width:100%}.ck-content .page-break__label{background:#fff;border:1px solid #c4c4c4;border-radius:2px;box-shadow:2px 2px 1px rgba(0,0,0,.15);color:#333;display:block;font-family:Helvetica,Arial,Tahoma,Verdana,Sans-Serif;font-size:.75em;font-weight:700;padding:.3em .6em;position:relative;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}@media print{.ck-content .page-break{padding:0}.ck-content .page-break:after{display:none}.ck-content :has(+.page-break){margin-bottom:0}}.ck-content[dir=rtl] .table th{text-align:right}.ck-content[dir=ltr] .table th{text-align:left}.ck-content figure.table:not(.layout-table){display:table}.ck-content figure.table:not(.layout-table)>table{height:100%;width:100%}.ck-content .table:not(.layout-table){margin:.9em auto}.ck-content figure.table:not(.layout-table)>table,.ck-content table.table:not(.layout-table){border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0}.ck-content figure.table:not(.layout-table)>table>tbody>tr>th,.ck-content figure.table:not(.layout-table)>table>thead>tr>th,.ck-content table.table:not(.layout-table)>tbody>tr>th,.ck-content table.table:not(.layout-table)>thead>tr>th{background:rgba(0,0,0,.05);font-weight:700}.ck-content figure.table:not(.layout-table)>table>tbody>tr>td,.ck-content figure.table:not(.layout-table)>table>tbody>tr>th,.ck-content figure.table:not(.layout-table)>table>thead>tr>td,.ck-content figure.table:not(.layout-table)>table>thead>tr>th,.ck-content table.table:not(.layout-table)>tbody>tr>td,.ck-content table.table:not(.layout-table)>tbody>tr>th,.ck-content table.table:not(.layout-table)>thead>tr>td,.ck-content table.table:not(.layout-table)>thead>tr>th{border:1px solid #bfbfbf;min-width:2em;padding:.4em}@media print{.ck-content figure.table:not(.layout-table):has(>table){display:block}.ck-content figure.table:not(.layout-table)>table{height:auto}}.ck-content figure.table.layout-table,.ck-content table.table.layout-table{margin-bottom:0;margin-top:0}.ck-content figure.table.layout-table>table,.ck-content table.table.layout-table{border-spacing:0}:root{--ck-color-selector-caption-background:#f7f7f7;--ck-color-selector-caption-text:#333}.ck-content .table>figcaption{background-color:var(--ck-color-selector-caption-background);caption-side:top;color:var(--ck-color-selector-caption-text);display:table-caption;font-size:.75em;outline-offset:-1px;padding:.6em;text-align:center;word-break:break-word}@media (forced-colors:active){.ck-content .table>figcaption{background-color:unset;color:unset}}.ck-content .table .ck-table-resized{table-layout:fixed}.ck-content .table td,.ck-content .table th{overflow-wrap:break-word}
/*TinyMCE*/
.tox-promotion-link{display:none!important;}