@charset "UTF-8";

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    font-size: 1rem;
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

/*客製化 disabled class*/
a.disabled {
    pointer-events: none !important;
    color: #999 !important;
}

/*footer*/
footer {
    bottom: 0;
    font-size: 0.75rem;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    position: absolute;
    width: 100%;
}


/*fn-path*/
.fn-path {
    background-color: whitesmoke;
    border: 1px solid lightgray;
    border-radius: 4px;
    font-size: 0.75rem;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    padding: 0 10px;
}

    .fn-path:empty {
        display: none;
    }


/*form*/
form table {
    /*margin: 5px auto;*/
    width: 98%;
}

form th {
    padding: 2px 5px;
    text-align: left;
    width: 120px;
}

form td {
    padding: 2px 5px;
}

/*input*/
/*控制項唯讀呈現灰色*/
input[readonly="readonly"], textarea[readonly='readonly'], select[disabled="true"], select[readonly="readonly"] {
    background-color: lightgray !important;
}

input[readonly], input:disabled, textarea:disabled, select:disabled {
    background-color: lightgray !important;
}


input[type="checkbox"], input[type="radio"] {
    height: 1rem;
    margin: 0;
    width: 1rem;
    vertical-align: middle;
}

/*validate*/
.field-validation-valid {
    display: none;
}

.field-validation-error {
    color: red;
    display: block;
    font-size: 0.8125em;
    margin: 5px;
}

.input-validation-error {
    border: none;
    border: 1px solid red;
}

/* 調整 kendo 驗證樣式，使其接近 jQuery 驗證樣式 */
.k-widget.k-tooltip-validation {
    font-size: 100% !important;
    text-align: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0.5em 0 0.5em !important;
    background: none !important;
    box-shadow: none !important;
    color: red !important;
    position: static !important;
}

.k-tooltip-validation .k-i-warning {
    display: none !important;
}


/*button k-icon顏色設定*/
.k-icon {
    cursor: pointer;
}

.btn-default .k-icon {
    color: black;
}

.btn-primary .k-icon {
    color: white;
}

.btn-success .k-icon {
    color: white;
}

.btn-info .k-icon {
    color: white;
}

.btn-warning .k-icon {
    color: white;
}

.btn-danger .k-icon {
    color: white;
}

.btn-link .k-icon {
    color: #337ab7;
}

/* 取消按鈕樣式 ( 可用於 Kendo 的 Editable grid 中 command button ) */
.noStyleBtn {
    border: none;
    background-color: transparent;
}



/*dialog*/
#timer {
    background-color: black;
    color: red;
    display: inline-block;
    font-weight: bold;
    margin: 5px;
    padding: 2px 10px;
}

.k-dialog.k-confirm, .k-dialog.k-alert {
    min-width: 20%;
    text-align: center;
}


.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
    border-radius: 4px;
    padding: 2px 10px;
}

/*_CheckboxList,_RadioList*/
.checkboxList {
    list-style: none;
    padding: 0;
}

    .checkboxList li {
        padding: 2px 10px;
    }


/*_ListSelector*/
.k-listbox .k-listbox-toolbar {
    margin: 2px 10px;
}

.k-listbox .k-item {
    font-size: 0.9375rem;
    white-space: nowrap;
}

.k-tooltip-content {
    font-size: 0.75rem;
}

/*-- Symbol --*/

.required:before {
    content: "*";
    color: red;
}


.formTable {
    width: 100%;
}

    .formTable tr {
        border: solid 1px #BDBDBD;
        height: 45px;
    }

    .formTable > tbody > tr > th {
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        background-color: #F5F5F8;
        padding: 5px;
    }

    .formTable.active th {
        background-color: #fff8e1;
    }

    .formTable td {
        vertical-align: middle;
        padding: 5px;
    }

.borderTable {
    width: 100%;
    border-collapse: collapse;
}

    .borderTable caption {
        vertical-align: middle;
        white-space: nowrap;
        border-collapse: collapse;
        font-weight: bold;
        padding: 0.6667rem 1.3333rem;
    }

    .borderTable tr th {
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        border-collapse: collapse;
        padding: 0.6667rem 1.3333rem;
    }

    .borderTable.active th {
        background-color: #fff8e1;
    }

    .borderTable td {
        vertical-align: middle;
        padding: 5px;
        border-collapse: collapse;
    }

    .borderTable .numberText {
        text-align: right;
    }

#system li, #system {
    padding: 0;
    margin: 5px;
}

.k-hidden {
    display: none;
}


.k-button:before,
.k-button:after {
    font-family: fontawesome, sans-serif;
}

.tab-box {
    width: auto;
}

    .tab-box > .k-item {
        margin-top: 8px;
        height: 30px;
    }

        .tab-box > .k-item > .k-link {
            padding-top: 0;
        }

        .tab-box > .k-item.tab-selected {
            height: 32px;
        }

        .tab-box > .k-item > .k-link:nth-child(3) {
            padding: 0;
        }

.k-multiselect-wrap .k-select {
    position: inherit;
}



.fa, .k-icon {
    font-size: 16px;
}

    .k-icon:after, .k-icon:before {
        font-size: large;
    }

.k-content.k-state-active {
    overflow: auto;
}

.ap-wrap {
    position: relative;
    height: 100%;
    background: url(./images/bg/blur-bg.png);
    background: url(./images/bg/blur-bg.png);
    background: url(./images/bg/blur-bg.png);
    background: url(./images/bg/blur-bg.png);
    background: url(./images/bg/blur-bg.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.k-button-icon {
    width: auto;
    height: auto;
}

    .k-button-icon.k-dialog-close {
        position: absolute;
    }


/*--測試照片空白頁面--*/
.content-inner-box {
    /*position: static;*/
    position:relative;
    box-shadow: none;
    padding-top: 0;
}


.k-grid td > :not(.align-center) {
    overflow: visible;
}

.k-icon, .k-sprite, .k-button-group .k-tool-icon {
    overflow: visible;
}


.k-tabstrip-items > .tab-basic.k-item.k-state-default:not(.k-state-active) {
    background-color: rgba(255, 255, 255, 0.3);
}

    .k-tabstrip-items > .tab-basic.k-item.k-state-default:not(.k-state-active) > .k-link {
        color: #FFFFFF;
    }

.k-tabstrip-items > .k-item.k-state-default.k-state-hover:not(.k-state-active) {
    background-color: rgba(255, 255, 255, 0.8);
}

.k-tabstrip-items > .k-item.k-state-default:not(.k-state-active).k-state-hover > .k-link {
    color: #000000;
}

.board-divider .text {
    display: inline;
}

div.parapraph {
    line-height: 1.6;
}

.form-subpanel {
    padding: 10px 20px;
}

.error {
    color: red;
}

.k-grid > .k-header {
    border: none;
}

.common-report-searchcondition-toppanel {
    border-bottom: none;
    position: static;
}

    .common-report-searchcondition-toppanel ul li {
        list-style: none;
    }

div.k-content.k-state-active {
    padding: 0;
}

.sidebar .list-group--sublist.sublist--second .is-star-toggle {
    color: #FFD266;
}

.k-button-group.k-dialog-buttongroup.k-dialog-button-layout-stretched {
    height: 40px;
    padding-left: 20%;
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
    margin: 0.3em;
    border-left-width: 1px;
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
    margin: 0.3em;
    margin-left: 1em;
    border-right-width: 1px;
}

.k-window .k-window-titlebar .k-window-action {
    padding-top: 2px;
}

.k-item.k-state-default.tab-basic.k-tab-on-top.k-state-active {
    background: white;
}



.InsideTable td {
    border: none !important;
    padding: 0 !important;
}


.fill-submit-left-head {
    height: 43px;
    line-height: 43px;
}

.k-checkbox:checked + .k-checkbox-label:after {
    font-weight: bolder;
    font-size: larger;
}

.k-grid-header th > .k-link > .k-icon {
    text-indent: 0;
    position: relative;
}

.k-widget.k-window:not(.k-dialog-titleless) {
    padding-top: 47px !important;
}

.k-multiselect .k-button {
    font-size: 1rem;
}

.k-button.k-primary {
    font-size: 1rem;
}

table td {
    word-break: break-all;
}

label.k-checkbox-label.k-no-text {
    overflow: visible;
}

.k-icon {
    overflow: visible;
}

/* 次標題樣式 */
label.subtitle {
    font-weight: normal;
    padding-top: 15px;
    font-size: 20px;
    line-height: 1.42857em;
    text-shadow: 0px 0px 3px #8d8d8d;
}

    label.subtitle:before {
        color: #456297;
        margin-left: 10px;
        content: '▍';
    }

    label.subtitle.notice:before {
        color: #db4240;
    }

.k-dialog .k-dialog-titlebar .k-dialog-actions {
    right: 2em;
}

label {
    line-height: 1.5em;
}

.k-window-actions {
    color: white;
}

.k-window .k-window-title {
    color: white;
}

span.k-datepicker {
    width: 120px;
}


.commonly-wrap.is-open {
    opacity: 1;
    animation-name: fadeInUpBig;
    animation-duration: .6s;
}

@media (max-width: 568px) {
    .commonly-wrap.is-open {
        top: 40px;
        bottom: 0;
        height: calc(100%);
        left: 0;
        right: 0;
    }
}

.commonly-wrap.is-close {
    transform: translateY(-200%);
    animation-name: fadeOutDown;
    animation-duration: .6s;
}

@media (max-width: 568px) {
    .commonly-wrap.is-close {
        top: 40px;
        bottom: 0;
        height: calc(100%);
        left: 0;
        right: 0;
    }
}

.fa:before {
    font-size: large;
}

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 {
    vertical-align: middle;
}

a {
    vertical-align: middle;
}

.k-grid tr:hover, .k-grid tr.alt:hover {
    background: #cfdbfa !important;
}

.sg-page-item__link i {
    vertical-align: middle;
}

/* borderTable 顏色的部分抽出來控制，共通部分由 Site.css 控制 */
.borderTable {
    border: solid 1px #D8E3F6;
}

    .borderTable caption {
        background-color: #F7F9FE;
        border-top: solid 1px #D8E3F6;
        border-left: solid 1px #D8E3F6;
        border-right: solid 1px #D8E3F6;
        color: #456297;
    }

    .borderTable tr th {
        background-color: #F7F9FE;
        border: solid 1px #D8E3F6;
        color: #456297;
    }

    .borderTable td {
        border: solid 1px #D8E3F6;
    }

/* grid 唯讀欄位樣式控制 */
.k-grid tr td.readonly {
    background-color: #EEF2FC;
}

.k-grid tr.k-alt td.readonly {
    background-color: #F8F9FD;
}

.layout-button-group {
    padding: 10px 20px;
}

textarea {
    resize: both;
}

.k-tooltip-button > a {
    display: none;
}

.k-tabstrip-items .k-item.k-state-active{
    background-color: white;
}

.k-button{
    display: inline-block;
}

.k-button.k-primary[disabled]{
    background-color: lightgray;
}

.k-button.k-primary[disabled]:hover{
    background-color: lightgray;
}

.k-button.k-primary.k-state-disabled{
    background-color: lightgray;
}


.themeExport-wrap {
  text-align: right;
  position: relative; }

.themeExport-wrap ul li {
    display:inline-block;
}
  .themeExport-wrap .themeExport-list {
    position: fixed;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    background-color: rgb(208, 216, 229);
    margin-top: 3%;
    margin-left: 87%;
    padding-right: 1%;
    border-radius:4px; 
    box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
    list-style: none; }

/*  對話框
    .themeExport-wrap .themeExport-list:after, .themeExport-wrap .themeExport-list:before {
    bottom: 100%;
    left: 70%;
    right: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    display: inline-block;
}

.themeExport-wrap .themeExport-list:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: rgb(208, 216, 229);
    border-width: 0 10px 15px 10px;
    margin-left: -10px;
    display: inline-block;
}

.themeExport-wrap .themeExport-list:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgb(208, 216, 229);
    border-width: 9px;
    margin-left: -9px;
    display: inline-block;
}*/
    .themeExport-wrap .themeExport-list.is-open {
      display: block; }
    .themeExport-wrap .themeExport-list.is-close {
      display: none; }
    .themeExport-wrap .themeExport-list .-item:not(:first-child) {
      margin-top: 4px; }
    .themeExport-wrap .themeExport-list .-item {
      overflow: hidden; }
      .themeExport-wrap .themeExport-list .-item .-exportbtn {
        display: inline-block;
        border: 2px;
        border-radius: 13px; }
        .themeExport-wrap .themeExport-list .-item .-exportbtn.-exportDOC {
          background-image: url(./images/DOC.svg);
          display: inline-block;
          width: 40px;
          height: 40px;
          background-size: 40px 40px;
          background-repeat: no-repeat;
          background-color: transparent; }
        .themeExport-wrap .themeExport-list .-item .-exportbtn.-exportPDF {
          background-image: url(./images/PDF.svg);
          display: inline-block;
          width: 40px;
          height: 40px;
          background-size: 40px 40px;
          background-repeat: no-repeat;
          background-color: transparent; }
        .themeExport-wrap .themeExport-list .-item .-exportbtn.-exportODT {
          background-image: url(./images/ODT.svg);
          display: inline-block;
          width: 40px;
          height: 40px;
          background-size: 40px 40px;
          background-repeat: no-repeat;
          background-color: transparent; }
        .themeExport-wrap .themeExport-list .-item .-exportbtn.-exportXLS {
          background-image: url(./images/XLS.svg);
          display: inline-block;
          width: 40px;
          height: 40px;
          background-size: 40px 40px;
          background-repeat: no-repeat;
          background-color: transparent; }
        .themeExport-wrap .themeExport-list .-item .-exportbtn.-exportODS {
          background-image: url(./images/ODS.svg);
          display: inline-block;
          width: 40px;
          height: 40px;
          background-size: 40px 40px;
          background-repeat: no-repeat;
          background-color: transparent; }
        .themeExport-wrap .themeExport-list .-item .-exportbtn:hover {
          border: 2px #0E86FE; }

.typeChange-wrap {
    text-align: right;
    position: relative;}
.typeChange-wrap ul li {
    display: inline-block;}
.typeChange-wrap .typeChange-list {
    position: fixed;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    background-color: rgb(208, 216, 229);
    margin-top: 4%;
    margin-left: 87%;
    width: 10%;
    padding-right: 0%;
    border-radius: 4px;
    box-shadow: 4px 4px 3px rgba(20%,20%,40%,0.5);
    display: inline-block;
    text-align: center;
    list-style: none;}
    .typeChange-wrap .typeChange-list.is-open {
        display: block;}
    .typeChange-wrap .typeChange-list.is-close {
        display: none;}
    .typeChange-wrap .typeChange-list .-item:not(:first-child) {
        margin-top: 4px;}
    .typeChange-wrap .typeChange-list .-item {
        overflow: hidden;}
    .typeChange-wrap .typeChange-list .-item .-changebtn {
        display: inline-block;
        border: 2px;
        border-radius: 13px;}



/*--上傳照片RWD調整--*/
@media (max-width: 568px) {


    /*--列表頁的頁數切換--*/
    .k-pager-wrap .k-link .k-icon.k-i-seek-w {
        min-width: 50px !important;
    }

    .k-pager-wrap .k-current-page {
        padding-left: 70px !important;
    }


    /*--存檔button--*/
    .fill-submit-list-rightpanel .form-subpanel > * > *:first-child {
        width: auto !important;
        margin-left: 0px !important;
    }
    #TrackingWorkItemFill_RightPanel .form-subpanel {
        padding: 10px 10px !important;
    }

    }
iframe {
    float: left;
    width: 100%;
    height: 300px;
    position: relative
}


/*--修改左側下拉清單寬度--*/
.sidebar .list-item .-field {
    width:140px;
}

@media (max-width: 568px) {
    .sidebar .list-item .-field {
        margin-left: 5px;
        width:89%;
    }

    /*--專案名稱手機版打開--
    .sidebar .list-item.is-rwd-none {
        display:block;
    }*/

}

.green:before {
    content: url('images/Tracko-greenlight.svg');
    line-height: 1em;
    padding-right: 2px;
}

.orange:before {
    content: url('images/Tracko-yellowlight.svg');
    line-height: 1em;
    padding-left: 2px;
}
.red:before {
    content: url('images/Tracko-redlight.svg');
    line-height: 1em;
    padding-left: 2px;
}


/*--箭頭展開圖示對齊--*/
/*.board-card {
    display: grid;
    padding:5px;
}*/


/*--第二層表格標題加底色及置底框線--*/
.k-grid .k-detail-row .k-hierarchy-cell + td {
    background: #fff !important;
    border-bottom: 1px solid #d6d6d6;
}

.k-grid tbody .k-detail-row td {
    background: #fff !important;
}

.k-grid .k-detail-row .k-grid-header {
    background: #d0e3fc !important;
}

.k-detail-cell .k-grid-header th {
    background: #d0e3fc;
}

/*#region Icon替換圖檔*/
.fa-bars_White:before {
    /*content: url('icon/fa-bars_White.png');*/ 
    content: '';
    background-image: url('icon/fa-bars_White.png');
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.fa-check-circle.tracko-fill-submit-uncheck-icon:before {
    content: '';
    background-image: url('icon/fa-check-circle_White.png');
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 4px;
}
.fill-submit-list-leftpanel-close .fa-check-circle.tracko-fill-submit-uncheck-icon:before {
    display: none;
}
.fa-check-circle.tracko-fill-submit-check-icon:before {
    content: '';
    background-image: url('icon/fa-check-circle_Green.png');
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 4px;
}
.fill-submit-list-leftpanel-close .fa-check-circle.tracko-fill-submit-check-icon:before {
    display: none;
}
a .fa-chevron-down_White:before {
    content: url('icon/fa-chevron-down_White.png');
}
a.collapsed .fa-chevron-down_White:before {
    content: url('icon/fa-chevron-down_Black.png');
}
.fa-chevron-down_BabyBlue:before {
    content: url('icon/fa-chevron-down_BabyBlue.png');
}
/*年度施政計畫-章節表2 顏色應該更深些*/
.fa-chevron-down_RoyalBlue:before {
    content: url('icon/fa-chevron-down_RoyalBlue.png');
}
/*缺少個滑入及關閉時，更深色*/
a.collapsed .fa-chevron-down_RoyalBlue:before, .fa-chevron-down_RoyalBlue:hover:before {
    content: url('icon/fa-chevron-down_RoyalBlue.png');
}
.fa-chevron-up:before {
    content: url('icon/fa-chevron-up_White.png');
}
.board-card .board-divider.collapsed .fa-chevron-up:before {
    content: url('icon/k-i-arrow-n_Black.png');
}
.fa-chevron-up_RoyalBlue:before {
    content: url('icon/fa-chevron-up_RoyalBlue.png');
}
.fa-cog:before {
    content: url('icon/fa-cog_White.png');
}
.fa-cog_Gray:before {
    content: '';
    background-image: url('icon/fa-cog_Gray.png');
    background-size: 15px 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
}
.fa-edit:before {
    content: url('icon/fa-edit.png');
}
.fa-edit_Gray:before {
    content: url('icon/fa-edit_Gray.png');
}
.fa-exclamation-circle:before {
    content: url('icon/fa-exclamation-circle_White.png');
    display: inline-block;
    transform: scale(.8);
}
li.k-state-hover .fa-exclamation-circle:before {
    content: url('icon/fa-exclamation-circle_Black.png');
}
.fa-exclamation-circle_RoyalBlue:before {
    content: url('icon/fa-exclamation-circle_RoyalBlue.png');
    display: inline-block;
    transform: scale(.8);
}

.fa-exclamation-circle_Yellow:before {
    content: '';
    background-image: url('icon/fa-exclamation-circle_Yellow.png');
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 4px;
}
.fill-submit-list-leftpanel-close .fa-exclamation-circle_Yellow:before {
    display: none;
}
.k-grid .fa-file-text-o:before {
    content: url('icon/fa-file-text-o_CeruleanBlue.png');
    display: inline-block;
    transform: scale(.9);
}
.k-grid a:hover .fa-file-text-o:before {
    content: url('icon/fa-file-text-o_NavyBlue.png');
}
.chapter-table .fa-file-text-o:before {
    content: url('icon/fa-file-text-o_Black.png');
    display: inline-block;
    transform: scale(.9);
}
a .fa-heart-o:before {
    content: url('icon/fa-heart-o_White.png');
}
a.collapsed .fa-heart-o:before {
    content: url('icon/fa-heart-o_Black.png');
}
.fa-info:before {
    content: url('icon/fa-info.png');
}
.layout-button-group .fa-info-circle:before {
    content: '';
    background: url('icon/fa-info.png');
    background-size: 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.fa-list-alt_White:before {
    content: url('icon/fa-list-alt_White.png');
}
a .fa-list-alt:before {
    content: url('icon/fa-list-alt_White.png');
}
a.collapsed .fa-list-alt:before {
    content: url('icon/fa-list-alt_Black.png');
}
.chapter-table .fa-paperclip:before {
    content: url('icon/fa-paperclip_Black.png');
    display: inline-block;
    transform: scale(.9);
}
.fa-search:before {
    /*content: url('icon/fa-search_White.png');*/
    content: '';
    background-image: url('icon/fa-search_White.png');
    background-size: 15px 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
}
.fa-search_Gray:before {
    content: '';
    background-image: url('icon/fa-search_Gray.png');
    background-size: 15px 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
}
.fa-star_Yellow:before {
    content: url('icon/fa-star_Yellow.png');
}
.fa-star-o:before {
    content: url('icon/fa-star-o_White.png');
}
.fa-star-o_Yellow:before {
    content: url('icon/fa-star-o_Yellow.png');
}
.fa-user_Black:before {
    content: url('icon/fa-user_Black.png');
}
.icon-assignment:before {
    content: '';
    background-image: url('icon/icon-assignment_White.png');
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.icon-assignment-return:before {
    content: '';
    background-image: url('icon/icon-assignment-return_White.png');
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.icon-authority-user:before {
    content: '';
    background-image: url('icon/icon-authority-user_White.png');
    background-size: 18px 18px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.icon-donut-small:before {
    content: '';
    background-image: url('icon/icon-donut-small_White.png');
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.icon-event-note:before {
    content: '';
    background-image: url('icon/icon-event-note_White.png');
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.icon-execution:before {
    content: url('icon/icon-execution.png');
}
.icon-execution_Gray:before {
    content: '';
    background-image: url('icon/icon-execution_Gray.png');
    background-size: 15px 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
}
.icon-execution-tick:before {
    content: url('icon/icon-execution-tick.png');
}
.icon-execution-tick_Gray:before {
    content: '';
    background-image: url('icon/icon-execution-tick_Gray.png');
    background-size: 15px 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
}
.icon-library-books:before {
    content: '';
    background-image: url('icon/icon-library-books_White.png');
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.k-grid .icon-lifenetwork:before {
    content: url('icon/icon-lifenetwork_CeruleanBlue.png');
    display: inline-block;
    transform: scale(.7);
}
.k-grid a:hover .icon-lifenetwork:before {
    content: url('icon/icon-lifenetwork_NavyBlue.png');
}
.icon-subsidy-plan:before {
    content: '';
    background-image: url('icon/icon-subsidy-plan_White.png');
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.k-dropzone:before {
    content: url('icon/k-dropzone.png') !important;
}
.k-i-arrow-60-down_Black:before,
.k-dropdown-wrap.k-state-hover .k-i-arrow-60-down:before {
    content: url('icon/k-i-arrow-60-down_Black.png');
}
.k-i-arrow-e:before {
    content: '' !important;
    background-image: url('icon/k-i-arrow-e_Black.png');
    background-size: 12px 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
}
.k-state-disabled .k-i-arrow-e:before {
    background-image: url('icon/k-i-arrow-e_Gray.png');
    background-size: 12px 12px;
}
.k-i-arrow-w:before {
    content: '';
    background-image: url('icon/k-i-arrow-w_Black.png');
    background-size: 12px 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
}
.k-state-disabled .k-i-arrow-w:before {
    content: '';
    background-image: url('icon/k-i-arrow-w_Gray.png');
    background-size: 12px 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
}
.k-state-disabled .k-icon.k-i-arrow-60-left:before {
    content: url('icon/k-i-arrow-60-left_Gray.png');
    transform: scale(.6);
}
.k-state-disabled .k-icon.k-i-arrow-60-right:before {
    content: url('icon/k-i-arrow-60-right_Gray.png');
    transform: scale(.6);
}
.k-state-disabled .k-i-arrow-double-60-left:before {
    content: url('icon/k-i-arrow-double-60-left_Gray.png');
    transform: scale(.6);
}
.k-state-disabled .k-i-arrow-double-60-right:before {
    content: url('icon/k-i-arrow-double-60-right_Gray.png');
    transform: scale(.6);
}
.k-picker-wrap.k-state-hover .k-i-calendar:before {
    content: url('icon/k-i-calendar_Black.png');
}
.k-multiselect.k-state-focused .k-clear-value.k-i-close:before,
.k-multiselect.k-state-hover .k-clear-value.k-i-close:before,
.k-i-close_Black:before {
    content: url('icon/k-i-close_Black.png');
    transform: scale(.6);
}
a .k-i-close:before {
    content: url('icon/k-i-close_LightCyan.png');
    transform: scale(.7);
}
a .k-i-close:hover:before {
    content: url('icon/k-i-close_White.png');
    transform: scale(.7);
}
li .k-i-close:before {
    content: url('icon/k-i-close_White.png');
    transform: scale(.7);
}
.k-i-collapse:before {
    content: url('icon/k-i-collapse_Black.png');
    transform: scale(.6);
}
.k-i-edit:before {
    content: url('icon/k-i-edit.png');
}
.k-i-email:before {
    content: url('icon/k-i-email_Black.png');
}
.k-i-expand:before {
    content: url('icon/k-i-expand_Black.png');
    transform: scale(.6);
}
.k-i-plus_Black:before {
    content: url('icon/k-i-plus_Black.png');
    transform: scale(.6);
}
.k-i-preview_Black:before {
    content: url('icon/k-i-preview_Black.png');
}
.k-i-search:before {
    content: '';
    background-image: url('icon/k-i-search_White.png');
    background-size: 15px 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
}
.k-i-seek-e:before {
    /*content: url('icon/k-i-seek-e_Black.png');*/
    content: '';
    background-image: url('icon/k-i-seek-e_Black.png');
    background-size: 12px 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
}
.k-state-disabled .k-i-seek-e:before {
    /*content: url('icon/k-i-seek-e_Gray.png');*/
    content: '';
    background-image: url('icon/k-i-seek-e_Gray.png');
    background-size: 12px 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
}
.k-i-seek-w:before {
    /*content: url('icon/k-i-seek-w_Black.png');*/
    content: '';
    background-image: url('icon/k-i-seek-w_Black.png');
    background-size: 12px 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
}
.k-state-disabled .k-i-seek-w:before {
    /*content: url('icon/k-i-seek-w_Gray.png');*/
    content: '';
    background-image: url('icon/k-i-seek-w_Gray.png');
    background-size: 12px 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
}
.k-i-txt:before {
    content: url('icon/k-i-txt.png');
    transform: scale(.7);
}
a .k-i-window-maximize:before {
    content: url('icon/k-i-window-maximize_Gray.png');
    transform: scale(.7);
}

a .k-i-window-maximize:hover:before {
    content: url('icon/k-i-window-maximize_White.png');
}
a .k-i-window-restore:before {
    content: url('icon/k-i-window-restore_Gray.png');
    transform: scale(.7);
}

a .k-i-window-restore:hover:before {
    content: url('icon/k-i-window-restore_White.png');
}
.k-i-zoom:before {
    content: url('icon/k-i-zoom.png');
    transform: scale(.9);
}
/*--content--*/
/*.k-icon.k-i-txt:before {
    content: url('icon_18/content/k-i-txt.png');
}

.k-icon.k-i-edit:before {
    content: url('icon_18/grid/k-i-edit.png');
}*/
/*#endregion Icon替換圖檔*/



/*--篩選計畫--*/
@media (max-width: 568px) {
    .fill-submit-list-rightpanel .form-subpanel a {
        display: inline-block;
    }

    /*
    .ap-wrap {
        margin-top: 30px;
    }*/

    .fn-body {
        margin-top: 0px !important;
    }


    .fill-submit-left-head, .fill-submit-list-leftpanel, .nav-plantree-wrap.panel-collapse {
        display: none;
    }

    .fill-submit-list-rightpanel .form-subpanel a {
        margin:4px;
    }

}



/*--調整設定調查範圍行高--*/
.common-report-searchcondition-toppanel .fields .fields-list {
    padding: 3px 0px;
}

.k-multiselect .k-button {
    margin: 2px;
}

.k-grid tr td {
    padding: 3px 5px;
    line-height: 1.8em;
}

.BtnTD {
    vertical-align: text-top;
    width: 90px;
}

    .BtnTD .k-button {
        margin-bottom: 4px;
    }