body { width: 100%; height: auto; margin: 0px; background: #ffffff; font-family: '微軟正黑體', 'Microsoft JhengHei', 'Tahoma'; }
.k-grid-toolbar {
    background-color: #0a68b7;
    color: white;
}

tr th.k-header {
    background-color: #0a68b7;
    color: white;
    text-align: center !important;
}
.mainDataTableBackground {
    background: #0a68b7 !important;
    border-color: #0a68b7 !important;
}

.mainDataTable._spaceline {
    background: #0a68b7;
    height: 1px;
}

._search-op._spaceline {
    background: #0a68b7;
    height: 1px;
}

._search-op td._listheader {
    background: #0a68b7 !important;
    color: #FFFFFF !important;
}

._search-op_14 td._listheader {
    background: #0a68b7 !important;
    color: #FFFFFF !important;
}

input[type=text], input[type=password], textarea { padding: 2px; resize:none; width: auto; border-width: 0px; border: 1px solid #dddddd; color: #222222; outline: none; font-size: 12px;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-family: '微軟正黑體', 'Microsoft JhengHei', 'Tahoma'; }
select { margin-top: 0px; padding: 0px; font-size: 12px; border: 1px solid #dddddd; outline: none; color: #222222; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-family: '微軟正黑體', 'Microsoft JhengHei', 'Tahoma'; }
input[type=text].readonly, input[type=password].readonly, textarea.readonly { border-color: #ffffff; }

input[type=button], input[type=submit] { 
    border: 1px solid #c8c8c8;
    /*border: 1px solid #444444;*/ 
    color: white;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*-moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px;
    border-width: 0px; */ 
    height: 25px;
    /*height: 24px;*/ 
    font-family: '微軟正黑體', 'Microsoft JhengHei', 'Tahoma'; 
    padding-right: 7px;
    letter-spacing: 0.5px;
    background: #ff7200;
     
    outline: none; 
    font-size: 12px; 
    font-weight: bold; 
    line-height: 23px; 

}

.hoverhightlight:hover 
{
    background: #B8E6FD;
    cursor:pointer;
}

/*2017.01.18.Wednesday added for the k-button in Dialog or Dialog by Allen.*/
.special_k_button {
    color: #FFFFFF;
    border-radius: 4px;
    /*font-family: 微軟正黑體;*/
    background: #ff7200;
    background-size: 16px;
    /*font-size: 12px;*/
    font-weight: bold;
    border: 1px solid #FFFFFF;
    width: 60px;
    height: 26px;
    padding-right: 1px;
}


input[type=button]:hover, input[type=submit]:hover { background: #14AEFB }
input[type=button]:disabled, input[type=submit]:disabled { border-color: #cccccc !important; background: #e5e5e5 !important; cursor:default; }
input[type=button].delete1:disabled { padding-left: 25px; background: url('/images/button/delete-icon.png') #e5e5e5 no-repeat left center; background-size: 16px; background-position: 5px; }


input[type=submit].search { padding-left: 25px; background: url('/images/button/search-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=submit].search:hover { background: url('/images/button/search-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px;  }
input[type=submit].save { padding-left: 25px; background: url('/images/button/sure-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=submit].save:hover { background: url('/images/button/sure-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px;  }

/* 2016.11.23.Wednesday added by Allen for the [save] button in [ResetPW]. */
input[type=submit].save_icon { padding-left: 25px; background: url('/images/button/sure-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=submit].save_icon:hover { background: url('/images/button/sure-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px;  }

input[type=submit].add { padding-left: 25px; background: url('/images/button/add-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px;}
input[type=submit].add:hover { background: url('/images/button/add-icon.png') #14AEFB no-repeat left center ; background-size: 16px; background-position: 5px; }


input[type=button].search { padding-left: 25px; background: url('/images/button/search-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=button].search:hover { background: url('/images/button/search-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px;  }
input[type=button].listall { padding-left: 25px; background: url('/images/button/listall-icon.png') #ff7200 no-repeat left center }
input[type=button].listall:hover { background: url('/images/button/listall-icon.png') #14AEFB no-repeat left center  }
input[type=button].add { padding-left: 25px; background: url('/images/button/add-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px;}
input[type=button].add:hover { background: url('/images/button/add-icon.png') #14AEFB no-repeat left center ; background-size: 16px; background-position: 5px; }
input[type=button].delete { padding-left: 25px; background: url('/images/button/delete-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=button].delete:hover { background: url('/images/button/delete-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px;  }

input[type=button].delAK { padding-left: 25px; background: url('/images/button/delete-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=button].delAK:hover { background: url('/images/button/delete-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px;  }


input[type=button].popmenu { padding-left: 25px; background: url('/images/button/popmenu-icon.png') #FFFFFF no-repeat left center }
input[type=button].popmenu:hover { background: url('/images/button/popmenu-icon.png') #14AEFB no-repeat left center  }

input.backlist { padding-left: 25px; background: url('/images/button/backlist-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input.backlist:hover { background: url('/images/button/backlist-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px;  }

input[type=button].user { padding-left: 25px; background: url('/images/button/user-icon.png') #FFFFFF no-repeat left center }
input[type=button].user:hover { background: url('/images/button/user-icon.png') #14AEFB no-repeat left center  }
input[type=button].adduser { padding-left: 25px; background: url('/images/button/adduser-icon.png') #FFFFFF no-repeat left center }
input[type=button].adduser:hover { background: url('/images/button/adduser-icon.png') #14AEFB no-repeat left center  }
input[type=button].deluser { padding-left: 25px; background: url('/images/button/deluser-icon.png') #FFFFFF no-repeat left center }
input[type=button].deluser:hover { background: url('/images/button/deluser-icon.png') #14AEFB no-repeat left center  }

input[type=button].group { padding-left: 25px; background: url('/images/button/group-icon.png') #FFFFFF no-repeat left center }
input[type=button].group:hover { background: url('/images/button/group-icon.png') #14AEFB no-repeat left center  }
input[type=button].addgroup { padding-left: 25px; background: url('/images/button/addgroup-icon.png') #FFFFFF no-repeat left center }
input[type=button].addgroup:hover { background: url('/images/button/addgroup-icon.png') #14AEFB no-repeat left center  }
input[type=button].delgroup { padding-left: 25px; background: url('/images/button/delgroup-icon.png') #FFFFFF no-repeat left center }
input[type=button].delgroup:hover { background: url('/images/button/delgroup-icon.png') #14AEFB no-repeat left center  }

input[type=button].addflight { padding-left: 25px; background: url('/images/button/addflight-icon.png') #FFFFFF no-repeat left center }
input[type=button].addflight:hover { background: url('/images/button/addflight-icon.png') #14AEFB no-repeat left center  }
input[type=button].delflight { padding-left: 25px; background: url('/images/button/delflight-icon.png') #FFFFFF no-repeat left center }
input[type=button].delflight:hover { background: url('/images/button/delflight-icon.png') #14AEFB no-repeat left center  }

input[type=button].save { padding-left: 25px; background: url('/images/button/sure-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=button].save:hover { background: url('/images/button/sure-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px; }

input[type=button].saveGo { padding-left: 25px; background: url('/images/button/sure-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=button].saveGo:hover { background: url('/images/button/sure-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px; }

/*2016/02/25 add for authorization issue by  fred*/ 
input[type=button].save_icon { padding-left: 25px; background: url('/images/button/sure-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=button].save_icon:hover { background: url('/images/button/sure-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px; }
/*2016/02/25 add for authorization issue by  fred*/ 

input[type=button].cancel { padding-left: 25px; background: url('/images/button/cancel-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=button].cancel:hover { background: url('/images/button/cancel-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px;  }

input[type=button].insert { width: 18px; height: 18px; background: url('../images/content/content-item-add.png') #FFFFFF no-repeat center center }
input[type=button].insert:hover { background: url('../images/content/content-item-add.png') #14AEFB no-repeat center center }
input[type=button].remove { width: 18px; height: 18px; background: url('../images/content/content-item-del.png') #FFFFFF no-repeat center center }
input[type=button].remove:hover { background: url('../images/content/content-item-del.png') #d00000 no-repeat center center }



input[type=button].copy { padding-left: 25px; background: url('/images/button/copy-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=button].copy:hover { background: url('/images/button/copy-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px;  }
input[type=button].recycle { padding-left: 25px; background: url('/images/button/recycle-icon.png') #ff7200 no-repeat left center; background-size: 16px; background-position: 5px; }
input[type=button].recycle:hover { background: url('/images/button/recycle-icon.png') #14AEFB no-repeat left center; background-size: 16px; background-position: 5px;  }





input[type=button].list-ppage { width: 20px; height: 20px; background: url('/images/content/content-list-ppage.png') #d5d5d5 no-repeat center center }
input[type=button].list-ppage:hover { background: url('/images/content/content-list-ppage.png') #E9E9E9 no-repeat center center }
input[type=button].list-npage { width: 20px; height: 20px; background: url('/images/content/content-list-npage.png') #d5d5d5 no-repeat center center }
input[type=button].list-npage:hover { background: url('/images/content/content-list-npage.png') #E9E9E9 no-repeat center center }
input[type=button].list-pppage { width: 20px; height: 20px; background: url('/images/content/content-list-pppage.png') #d5d5d5 no-repeat center center }
input[type=button].list-pppage:hover { background: url('/images/content/content-list-pppage.png') #E9E9E9 no-repeat center center }
input[type=button].list-nnpage { width: 20px; height: 20px; background: url('/images/content/content-list-nnpage.png') #d5d5d5 no-repeat center center }
input[type=button].list-nnpage:hover { background: url('/images/content/content-list-nnpage.png') #E9E9E9 no-repeat center center }

.-shadow-bottom { -moz-box-shadow:  0px 2px 3px rgba(20%,20%,40%,0.15); -webkit-box-shadow: 0px 2px 3px rgba(20%,20%,40%,0.15); box-shadow: 0px 2px 3px rgba(20%,20%,40%,0.15); filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=180); zoom: 1; }
.-shadow-top { -moz-box-shadow:  0px -2px 3px rgba(20%,20%,40%,0.15); -webkit-box-shadow: 0px -2px 3px rgba(20%,20%,40%,0.15); box-shadow: 0px -2px 3px rgba(20%,20%,40%,0.15); filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=0); zoom: 1; }
.-disable-selection { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; -o-user-select: none; }

._ckeditor-dialog-container { width: 100%; height: 100%; }
._ckeditor-dialog-container .search { height: 30px; background: #f2f2f2 }
._ckeditor-dialog-container .file-browser { width: 100%; height: 100%; border-width: 0px; overflow-x: hidden; -webkit-overflow-scrolling: hidden }
._file-selector { float: left; width: 0px; height: 0px; overflow: hidden; border-width: 0px; display: none }
.photo-list { width: 100%; height: auto; }
.photo-item { position: relative; float: left; margin: 5px; padding: 2px; width: 116px; height: 116px; border: 1px solid #e5e5e5 }
.photo-item:hover { border-color: #ef975c }
.photo-item ._uploading { width: 116px; height: 80px; background: #f2f2f2; color: #888888; font-size: 12px; vertical-align: middle }
.photo-item ._filename { width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #222222; overflow: hidden }
.photo-item ._uploading img { width: 116px; height: 80px; border-width: 0px }
.photo-item ._uploading a { padding: 0px; margin: 0px; width: 116px; height: 80px; text-decoration: none }
.photo-item .del-icon { position: absolute; top: 0px; right: 0px; width: 15px; height: 15px; }
.photo-item  a { position: absolute; top: 0px; right: 0px; width: 15px; height: 15px; text-decoration: none }
.photo-item  a img { width: 15px; height: 15px; border: 0px; }
._left-label, ._right-label { width: auto; height: 26px; line-height: 26px; font-size: 12px; color: #444444 }
._left-label b, ._right-label b{font-size:16px;color:#FFFFFF;}

._left-label { float: left; margin-left: 5px; }
._left-label img { float: left; width: 18px; height: 18px; margin: 4px 0px; }
._right-label { float: right; margin-right: 5px; }
._right-label input[type=button], ._left-label input[type=button] { margin-left: 1px; margin-right: 1px }

#content-root { position: relative; width: 100%; height: auto; min-height: 1000px }
#content-mask { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #f0f0f0; opacity: 0; filter: alpha(opacity=0); z-index: 6500; display: none }
#content-dialog { position: absolute; left: 0px; top: 0px; width: auto; height: auto; display: none; opacity: 0; filter: alpha(opacity=0); z-index: 6500; }
#content-dialog ._shadow { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; filter:alpha(opacity=20); opacity: 0.20; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;   }
#content-dialog ._context { position: relative; margin: 7px; height: auto; background: #ffffff;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  }
#content-dialog ._header { position: relative; padding: 5px; height: auto; background: #f2f2f2; font-size: 12px; color: #222222; line-height: 20px; border-bottom: 1px solid #e5e5e5;  -moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px;  -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px   }
#content-dialog ._header ._title { font-size: 15px; font-weight: bold; color: #444444; }
#content-dialog ._header ._subtitle { font-size: 12px; color: #888888; }
#content-dialog ._header a.close { position: absolute; right: 5px; top: 5px; width: 15px; height: 15px; background: url('/images/header-dialog/close-off.png');  }
#content-dialog ._header a.close:hover { background: url('/images/header-dialog/close-on.png');  }
#content-dialog ._mbody { position: relative; padding: 7px; height: auto; font-size: 12px; color: #222222; line-height: 18px; }
#content-dialog ._mbody .item { float: left; margin: 1px; padding: 3px 5px; height: 16px; border: 1px solid #e9e9e9; line-height: normal; background: #f9f9f9;  }
#content-dialog ._mbody .confirmTask { height: 28px; padding-top: 10px;  }
#content-dialog ._mbody .confirmTask input[type=button] { float: left; margin: 0px 5px; }
#content-dialog ._mbody .confirmTask input[type=button]:active { margin-top: 1px; }
#content-dialog ._mbody .selected-item { float: left; margin: 2px 2px; height: 13px; padding: 5px; border: 1px solid #d5d5d5; font-size: 12px; color: #222222; line-height: 13px; background: #f5f8ff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#content-dialog ._mbody .selected-item a { float: left; padding: 0px; margin: 0px 5px 0px 0px; width: 14px; height: 14px; background: url('/images/content/content-item-del.png') #c5c5c5;  }
#content-dialog ._mbody .selected-item a:hover { background: url('/images/content/content-item-del.png') #e86a15;  }
#content-dialog ._mbody .cxtmask { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ffffff; opacity: 0.80; filter: alpha(opacity=80); z-index: 6400; display: none }
#content-dialog ._mbody .loading-msg { position: absolute; left: 0px; top: 0px; width: 180px; height: 32px; line-height: 32px; font-size: 12px; font-weight: bold; color: #3772ab; background: #faffff; text-align: left; z-index: 6401; display: none; border: 1px solid #E5E5E5 } 
#content-dialog ._mbody .loading-msg img { float: left; margin: 7px 10px; width: 18px; height: 18px; }
#content-dialog ._mbody .alert-msg { position: absolute; left: 0px; top: 0px; width: 100px; height: 100px; line-height: 32px; font-size: 12px; font-weight: bold; color: #bb0000; text-align: left; z-index: 6401; display: none; text-align: center; background: #fffafa  } 


.header { width: 100%; height: auto; min-height: 42px; background: #ffffff; z-index: 4400;border-top: 1px solid #e5e5e5; }
.header ._uphoto { float: left; margin: 11px 0px; width: 42px; height: 42px; background: #ffff00 }
.header ._info { padding: 11px 17px; height: 42px; border-bottom: 1px solid #e5e5e5; white-space: nowrap; overflow: hidden  }
.header ._info div { float: left }
.header ._info ._brand { width: 100%; height: 16px; font-size: 12px; font-weight: bold; color: #ac8ff1 }
.header ._info ._icon { margin-top: 6px; width: 21px; height: 21px}
.header ._info ._modulename { margin: 7px 5px; width: auto; height: 18px; }
.header ._info ._modulename ._label { float: left; height: 18px; line-height: 18px; font-size: 15px; font-weight: bold; color: #222222 }
.header ._info ._modulename ._arraw { float: left; width: 18px; height: 18px; background-image: url('/images/mainmenu/mainmenu-more-focus.png')}
.header ._info ._memo { margin: 11px 15px; width: auto; height: 12px; line-height: 12px; font-size: 12px; color: #ac8ff1 }


.header ul { margin: 0px; padding: 0px 10px; height: 45px; background: #ffffff; border-bottom: 1px solid #e5e5e5; list-style: none; white-space: nowrap; }
.header ul li { float: left; margin: 5px 2px; width: auto; height: 37px; font-size: 14px; font-weight: bold; }
.header ul li.focus { padding: 6px 10px 11px; width: auto; height: 22px; line-height: 22px; color: #222222; background: #ffffff; border-bottom: 1px solid #ffffff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; -moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius:8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius:8px; }
.header ul li a { float: left; margin-top: 4px; padding: 6px 10px 8px; width: auto; height: 22px; line-height: 22px; color: #999999; background: #f7f7f7; text-decoration: none; -moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius:8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius:8px }
.header ul li a:hover { background: #fbfbfb; color: #222222; }
.header ul li._photo { padding: 2px; width: 86px; height: 86px; background: #ffffff; border: 1px solid #e5e5e5 }
.header ul li._photo img { width: 86px; height: 86px; }
.header ul li.side { float: right; }

ul.sub-content-menu { margin: 0px; padding: 0px 10px; height: 37px; background: #f5f5f5; list-style: none; white-space: nowrap; border-bottom: 2px solid #f2f2f2 }
ul.sub-content-menu li { float: left; margin: 7px 2px 0px; width: auto; height: 33px; font-size: 12px; font-weight: bold; line-height: normal; }
ul.sub-content-menu li.focus { float: left; padding: 10px 10px 0px; color: #444444; width: auto; height: 21px; line-height: 12px;  background: #ffffff; border-bottom: 1px solid #ffffff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; -moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius:8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius:8px; }
ul.sub-content-menu li a { float: left; margin-top: 5px; padding: 8px 10px 7px; width: auto; height: 12px; color: #aaaaaa; background: #fbfbfb; text-decoration: none; line-height: 12px; -moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius:8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius:8px }
ul.sub-content-menu li a:hover { color: #79A0C9; background: #fdfdfd; border-color: #cccccc; }
ul.sub-content-menu li.side { float: right; margin: 7px 0px 0px;  }
ul.sub-content-menu li.side input[type=button] { float: left; margin: 3px 1px 0px 1px; }
ul.sub-content-menu li.side input[type=button]:active { margin-top: 4px; }

._search-op { padding: 15px; border-bottom: 1px solid #e5e5e5; background: #0a68b7 no-repeat left bottom  ;color:#FFFFFF;}
._search-op .msg-label { height: 25px; font-size: 12px; color: #ffffff; font-weight: bold }
._search-op .item { float: left; margin: 0px 8px 0px 0px; width: auto; height: 28px; }
._search-op .item div { float: left; margin-right: 3px; height: 28px; font-size: 12px; line-height: 28px; color: #FFFFFF; font-weight: bold   }
._search-op .item input { float: left; }
._search-op .item input[type=radio] { margin-top: 6px; }
._search-op .item input[type=checkbox] { margin-top: 6px; }
._search-op .item input[type=text] { float: left; margin: 0px 5px; border: 1px solid #dddddd }
._search-op .item input[type=button] {float: left; margin: 0px 2px; }
._search-op .item input[type=button]:active {float: left; margin-top: 1px; }
._search-op .item select { width:auto; height: 28px;line-height: 28px;  margin-top: 0px; padding: 2px; font-size: 12px; border: 1px solid #dddddd; outline: none; color: #222222; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-family: '微軟正黑體', 'Microsoft JhengHei', 'Tahoma'; }


._search-op_14 { padding: 15px; border-bottom: 1px solid #e5e5e5; background: #0a68b7 no-repeat left bottom; color:#FFFFFF; font-size: 14px;}
._search-op_14 .msg-label { height: 25px; font-size: 14px; color: #ffffff; font-weight: bold }
._search-op_14 .item { float: left; margin: 0px 8px 0px 0px; width: auto; height: 28px; }
._search-op_14 .item div { float: left; margin-right: 3px; height: 28px; font-size: 14px; line-height: 28px; color: #FFFFFF; font-weight: bold   }
._search-op_14 .item input { float: left; }
._search-op_14 .item input[type=radio] { margin-top: 6px; }
._search-op_14 .item input[type=checkbox] { margin-top: 6px; }
._search-op_14 .item input[type=text] { float: left; margin: 0px 5px; border: 1px solid #dddddd }
._search-op_14 .item input[type=button] {float: left; margin: 0px 2px; }
._search-op_14 .item input[type=button]:active {float: left; margin-top: 1px; }
._search-op_14 .item select { width:auto; height: 28px;line-height: 28px;  margin-top: 0px; padding: 2px; font-size: 14px; border: 1px solid #dddddd; outline: none; color: #222222; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-family: '微軟正黑體', 'Microsoft JhengHei', 'Tahoma'; }



.info-op { padding: 5px; }
.info-op .user { float: left; margin-left: 10px; width: auto; height: 44px; }
.info-op .user ._name { height: 21px; font-size: 15px; font-weight: Bold; color: #888888 }
.info-op .user ._account { height: 16px; font-size: 12px; color: #AAAAAA }

.content { position: relative; padding: 10px; }
.content .mask { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #f5f5f5; opacity: 0.1; filter: alpha(opacity=10); z-index: 6000; display: none }

.content .page-content { margin-bottom: 10px; width: auto; height: auto; border: 1px solid #f5f5f5 }
.content .page-content ._context { width: 745px; }

.side-column { float: right; width: 260px; height: auto; }
.center-column { margin-right: 265px; }
.lside-column { float: left; width: 260px; height: auto; }
.lcenter-column { margin-left: 265px; }
.-user-list { width: 380px; }
.-user-info { margin-left: 385px;}

.box {  padding: 2px; border: 1px solid #e5e5e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

body {
    min-width : 1000px;
}

.titlebar_blue {
    color: #FFFFFF;
    background: #0a68b7;
}

.titlebar_white {
    color: #000000;
    background: #FFFFFF;
}

.box .item-form-context { overflow: hidden; background: #ffffff }

.box .sub-page-context { opacity: 0; filter: alpha(opacity=0); display: none }
.box .sub-page-mask { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ffffff; opacity: 0.8; filter: alpha(opacity=80); display: block }

.box td._tbheader { height: 27px; line-height: 27px; font-size: 12px; font-weight: bold; color: #444444; background: #EBEBEB }
.box td._tbheader img { float: left; margin: 4px 5px; width: 18px; height: 18px;  }
.box td._tdheader { height: 22px; background: #f6c3a1; font-weight: bold; font-size: 12px; color: #000000 }
.box td._calheader { height: 28px; font-weight: bold; font-size: 12px; width: 14.285% }
.box td._caldate { height: 64px; border: 1px solid #f5f5f5 }
.box td._bbsbody { height: 214px; }
.box td._listheader { height: 26px; font-weight: bold; font-size: 12px; line-height: 26px; color: #FFF; background: #0a68b7 ;padding-left:5px;}
.box th._listheader { height: 26px; font-weight: bold; font-size: 12px; line-height: 26px; color: #FFF; background: #0a68b7 ;padding-left:5px;}
.box .mainDataTable td._listheader{padding-left:15px;}
.box th._listheader>.k-link { color: #FFF; }
/*.box td._listheader a { color: #222222; text-decoration: none; }*/
/*.box td._listheader a:hover { color: #222222; text-decoration: none }*/
.box tr._listrow:hover { background: #F0FFFF; cursor: default; }
.box tr._listrow-normal { cursor: default }
.box tr._listrow-focus { background: #F0FFFF; cursor: default; }
.box td._span { height: 18px; line-height: 20px; }
.box td._listbody  { height: 26px; color: #222222; font-size: 12px;  }
.box .mainDataTable td._listbody  { color: #FFFFFF; }

.box td._listbody input[type=text], .box td._listbody input[type=password], textarea { color: #222222; font-family: '微軟正黑體', 'Microsoft JhengHei', 'Tahoma'; }
.box td._listbody input[type=button], .box td._listbody input[type=submit] { margin-left: 3px; }
.box td._listbody input[type=button] { margin-top: 0px }
.box td._listbody input[type=button]:active { margin-top: 1px; }
.box td._listbody a { text-decoration: none;  }
.box td._listbody a:hover { color: #08c; text-decoration: underline; } 
.box td._listbody .img-object {  position: relative; width: 100%; height: 100%; }
.box td._listbody .img-object .upload { position: absolute; height: 26px; bottom: 7px; }
.box td._listbody .img-object .upload ._file-selector { float: left; width: 0px; height: 0px; overflow: hidden; border-width: 0px; display: none }
.box td._listbody .set-item { float: left; margin-right: 5px; height: 13px; padding: 5px; border: 1px solid #d5d5d5; font-size: 12px; color: #222222; line-height: 13px; background: #f5f8ff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.box td._listbody .set-item a.remove { float: left; padding: 0px; margin: 0px 5px 0px 0px; width: 14px; height: 14px; background: url('/images/content/content-item-del.png') #c5c5c5;  }
.box td._listbody .set-item a.remove:hover { background: url('/images/content/content-item-del.png') #e86a15;  }

.box td._listbody .ci-pnr-item { float: left; margin-right: 5px; height: 30px; padding: 0px 5px; border: 1px solid #d5d5d5; font-size: 12px; line-height: 30px; color: #222222; background: #f5f8ff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.box td._listbody .ci-pnr-item input[type=text] { float: none; background: #ffffff; text-align: center; }
.box td._listbody .ci-pnr-item a.add { float: left; padding: 0px; margin: 8px 5px 0px 0px; width: 14px; height: 14px; background: url('/images/content/content-item-add.png') #c5c5c5;  }
.box td._listbody .ci-pnr-item a.add:hover { background: url('/images/content/content-item-add.png') #444444;  }
.box td._listbody .ci-pnr-item a.del { float: left; padding: 0px; margin: 8px 5px 0px 0px; width: 14px; height: 14px; background: url('/images/content/content-item-del.png') #c5c5c5;  }
.box td._listbody .ci-pnr-item a.del:hover { background: url('/images/content/content-item-del.png') #e86a15;  }
.box td._listbody .ci-pnr-set { margin-right: 2px; border: 1px dotted #f2f2f2; font-weight: bold }
.box td._listbody .ci-pnr-set:hover { border-color: #d5d5d5; cursor: move;  }
.box td._listbody .ci-pnr-set input[type=text], .box td._listbody .ci-pnr-set select { border-color: #aaaaaa }
.box td._listbody .ci-pnr-list { float: left; width: auto; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #777777; margin-right: 1px }
.box td._msg { background: #ffffcf; color: #ff6a00; }

.box td._focus { color: #444444; background: url('/images/mainmenu/mainmenu-more-focus.png') #F0FFFF no-repeat right center  }


.box td._listbody .group-item { float: left; margin: 0px 3px; padding: 3px 5px; height: 16px; border: 1px solid #e9e9e9; font-size: 12px; line-height: normal; background: #f9f9f9 }
.box td._listbody .group-item a { float: right; margin: 0px 0px 0px 4px; width: 14px; height: 14px; text-decoration: none; background: #e86a15 }
.box td._listbody .google-map { height: 300px }

.box td #group-set {  position: relative;  width: auto; height: auto }
.box td #group-set .add-menu { position: absolute; width: auto; max-width: 314px; height: auto; left: 0px; top: -7px; display: none;   }
.box td #group-set .add-menu ._shadow { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; filter:alpha(opacity=30); opacity: 0.30;  }
.box td #group-set .add-menu ._context { position: relative; margin: 7px; max-width: 300px; height: auto; background: #ffffff;  }
.box td #group-set .add-menu ._header { padding: 5px; height: auto; background: #f2f2f2; font-size: 12px; color: #222222; line-height: 20px; border-bottom: 1px solid #e5e5e5 }
.box td #group-set .add-menu ._header ._title { font-size: 15px; font-weight: bold; color: #e86a15; }
.box td #group-set .add-menu ._header .close { float: right; width: 14px; height: 14px;  }
.box td #group-set .add-menu ._mbody { padding: 7px; height: auto; }
.box td #group-set .add-menu ._mbody ._msg { float: left; margin-left: 3px;  height: 26px; line-height: 26px; color: #e86a15 }
.box td #group-set .add-menu ._mbody .item { float: left; margin: 1px; padding: 3px 5px; height: 16px; border: 1px solid #e9e9e9; font-size: 12px; line-height: normal; background: #f9f9f9; color: #222222 }
.box td #group-set .add-menu ._mbody input { float: left }
.box td #group-set .add-menu a { float: right; margin: 0px 0px 0px 4px; width: 14px; height: 14px; text-decoration: none; background: #e86a15 }


.org-comt { width: 250px; height: auto; min-height: 100%; overflow-x: scroll }
.org-comt .item { width: 500px; height: 25px; line-height: 25px; font-size: 12px; border-bottom: 1px solid #f8f8f8;  }
.org-comt .item:hover { background: #f0ffff; }
.org-comt .item .icon { float: left; width: 20px; height: 25px; text-align: center; line-height: 25px; }
.org-comt .item ._dept { background: url('/images/content/icon-dept.png') }
.org-comt .item ._group { background: url('/images/content/icon-group.png') }
.org-comt .item a.label { float: left; padding-left: 5px; padding-right: 5px; width: auto; height: 25px; color: #222222; text-decoration: none; }
.org-comt .item a.label:hover { background: #f0ffff; color: #444444; font-weight: bold; }
.org-comt .item .ifocus { float: left; padding-left: 5px; padding-right: 5px; height: 25px; color: #444444; text-decoration: none; font-weight: bold }
.org-comt .item .grp { float: left; padding-left: 5px; padding-right: 5px; height: 25px; color: #222222; }
.org-comt .item .grp a { color: #222222; text-decoration: none }
.org-comt .item .grp a:hover { background: #f0ffff; color: #444444; font-weight: bold; }
.org-comt .item input[type=button].adddept { float: left; margin-top: 5px; width: 14px; height: 14px; background: url('/images/content/content-item-add.png') #d5d5d5 no-repeat center center }
.org-comt .item input[type=button].adddept:hover { background: url('/images/content/content-item-add.png') #444444 no-repeat center center }
.org-comt .item input[type=button].adddept:active { margin-top: 5px; }

.staff-list { padding: 3px; width: 100%; height: auto }
.staff-list .staff-item { float: left; padding: 5px 10px; margin: 3px; width: 110px; height: 170px; border: 1px solid #e5e5e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
.staff-list .staff-item:hover { background: #f0ffff }
.staff-list .staff-item .title { height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; text-wrap: none; overflow: hidden }
.staff-list .staff-item .title a { float: left; width: 90px; height: 22px; line-height: 22px; color: #222222; text-decoration: none }
.staff-list .staff-item .title a:hover { color: #444444; }
.staff-list .staff-item .title input[type=checkbox] { float: left; }
.staff-list .staff-item .eicon { position: relative; width: 110px; height: 110px; border: 1px solid #e5e5e5; background: #ffffff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.staff-list .staff-item .eicon img { width: 108px; height: 108px; border: 1px solid #ffffff }
.staff-list .staff-item .eicon .gender {  position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #222222; font-size: 12px; font-family: Tahoma; color: #ffffff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.staff-list .staff-item .label { height: 18px; line-height: 18px; font-size: 12px; font-weight: bold; color: #222222 }

.date-input { position: relative; float: none; font-weight: normal; }
.date-input input[type=text] { color: #000000; padding-left: 20px; width: 80px; background: #ffffff url('../images/content/input-calendar.png') no-repeat left center }
.date-input input[type=text]:focus { color: #5980A9; background: #f2f2f2 url('../images/content/input-calendar.png') no-repeat left center }
.date-input .calendar { position: absolute; width: auto; height: auto; left: 0px; top: 20px; display: none; opacity: 0; filter: alpha(opacity=0); z-index: 6000;  }
.date-input .calendar ._cshadow { position: absolute; left: 0px; top: 0px; width: 100%; min-width: 150px; height: 100%; min-height: 190px; background: #000000; filter:alpha(opacity=20); opacity: 0.20;  }
.date-input .calendar ._ccontext { position: relative; margin: 5px; width: 290px; height: auto; background: #ffffff }
.date-input .calendar ._cheader { padding: 5px; min-width: 140px; width: 280px; height: 20px; background: #f2f2f2; font-size: 12px; color: #000000; line-height: 20px; border-bottom: 1px solid #e5e5e5 }
.date-input .calendar ._cheader ._title { float: left; width: 190px; height: 18px; line-height: 18px; font-size: 15px; font-weight: bold; color: #5980A9; text-align: center }
.date-input .calendar ._cheader input[type=button] { margin: 0px; width: 18px; height: 18px; background: #f2f2f2; background-repeat: no-repeat; background-position: center center  }
.date-input .calendar ._cheader input[type=button]:hover { background: #dddddd; background-repeat: no-repeat; background-position: center center  }
.date-input .calendar ._cheader input[type=button]:active { margin-top: 1px; }
.date-input .calendar ._cheader input[type=button].pmonth { float: left; margin-right: 3px; background-image: url('../images/content/prev-arraw.png') }
.date-input .calendar ._cheader input[type=button].nmonth { float: right; margin-left: 3px; background-image: url('../images/content/next-arraw.png') }
.date-input .calendar ._cheader input[type=button].pyear { float: left; margin-right: 3px; background-image: url('../images/content/dprev-arraw.png') }
.date-input .calendar ._cheader input[type=button].nyear { float: right; margin-left: 3px; background-image: url('../images/content/dnext-arraw.png') }
.date-input .calendar ._cheader .close { float: right; width: 14px; height: 14px;  }
.date-input .calendar ._cheader .close a { float: right; margin: 0px 0px 0px 4px; width: 14px; height: 14px; text-decoration: none; background: #e86a15 }
.date-input .calendar ._cmbody { padding: 2px; height: auto; }
.date-input .calendar ._cmbody table { width: 100%; height: auto; }
.date-input .calendar ._cmbody table td { width: 14.285%; height: 16px; font-size: 12px; line-height: 16px; text-align: center;  }
.date-input .calendar ._cmbody table td:hover { background: #ef820b; cursor: default; color: #ffffff }
.date-input .calendar ._cmbody table td._op { height: 26px; background: #fdf2ec; }
.date-input .calendar ._cmbody table td._op ._label { float: left; width: auto; height: 26px; line-height: 26px; color: #e86a15; font-weight: bold;  }
.date-input .calendar ._cmbody table td._op ._task { float: right; width: auto; height: 26px; }
.date-input .calendar ._cmbody table td._op ._task input[type=button] { float: left; margin: 1px 2px; }
.date-input .calendar ._cmbody table td._op ._task input[type=button]:active { margin-top: 2px; }
.date-input .calendar ._cmbody table td._wk { background: #f5f5f5; color: #000000; }
.date-input .calendar ._cmbody table td._sat { background: #e9e9ff; color: #19AAD8 }
.date-input .calendar ._cmbody table td._sun { background: #ffe9e9; color: #d00000 }
.date-input .calendar ._cmbody table td._dsat { color: #19AAD8 }
.date-input .calendar ._cmbody table td._dsun { color: #d00000 }
.date-input .calendar ._cmbody table td._dsat:hover { background: #ef820b; cursor: default; color: #ffffff }
.date-input .calendar ._cmbody table td._dsun:hover { background: #ef820b; cursor: default; color: #ffffff }
.date-input .calendar ._cmbody table td._off { background: #f0f0f0; color: #222222 }
.date-input .calendar ._cmbody table td._disabled { background: #f9f9f9; color: #bbbbbb }
.date-input .calendar ._cmbody table td._now { background: #ffa22b; color: #ffffff }
.date-input .calendar ._cmbody table td a.sel { float: left; width: 100%; height: 100%; text-align: center; text-decoration: none }
.date-input .calendar ._cmbody table td a.sel:hover { color: #ffffff }


.box ._bline { border-bottom: 1px solid #f5f5f5 }
.box ._rline { border-right: 1px solid #f5f5f5 }
.box ._lline { border-left: 1px solid #f5f5f5 }
.box ._bbline { border-bottom: 1px solid #e2e2e2 }
.box ._btline { border-top: 1px solid #e2e2e2 }
.box ._brline { border-right: 1px solid #e2e2e2 }
.box ._tbline { border-top: 1px solid #e2e2e2 }


.box td._tbop { height: 26px; background: #1a9496 }
.box input[type=button], .box input[type=submit] { /*margin-top: 1px;*/ }
.box input[type=button]:active, .box input[type=submit]:active { margin-top: 2px; }

.box td._bbsbody .post { padding: 5px; height: auto; font-size: 12px; }
.box td._bbsbody .post ._user-photo { float: left; width: 50px; height: 50px; }
.box td._bbsbody .post ._user-photo img { padding: 2px; width: 46px; height: 46px; background: #ffffff; border: 1px solid #e5e5e5 }
.box td._bbsbody .post ._name { margin-left: 55px; height: 50px; line-height: 18px; color: #222222 }
.box td._bbsbody .post ._quote { margin: 10px 0px; line-height: 18px; color: #222222 }


.box ._sathd { background: #e2edf0; color: #36a2c6 }
.box ._sunhd { background: #f6e9e9; color: #da4848 }
.box ._datehd { background: #f5f5f5; color: #222222 }
.box ._caldate:hover { background: #f5f5f5 }
.box ._caldate ._date { height: 16px; line-height: 16px; text-align: right; font-size: 12px; font-weight: bold }
.box ._caldate ._ndate { color: #aaaaaa }
.box ._caldate ._satdate { color: #46b2d6 }
.box ._caldate ._sundate { color: #ea5858 }


/*20170331 Vincent font-size 14 用 box*/
.box_14 {font-size: 14px;}
.box_14 input[type=text], input[type=password], textarea { font-size:14px;}
.box_14 .item-form-context { overflow: hidden; background: #ffffff }

.box_14 .sub-page-context { opacity: 0; filter: alpha(opacity=0); display: none }
.box_14 .sub-page-mask { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ffffff; opacity: 0.8; filter: alpha(opacity=80); display: block }

.box_14 td._tbheader { height: 27px; line-height: 27px; font-size: 14px; font-weight: bold; color: #444444; background: #EBEBEB }
.box_14 td._tbheader img { float: left; margin: 4px 5px; width: 18px; height: 18px;  }
.box_14 td._tdheader { height: 22px; background: #f6c3a1; font-weight: bold; font-size: 12px; color: #000000 }
.box_14 td._calheader { height: 28px; font-weight: bold; font-size: 14px; width: 14.285% }
.box_14 td._caldate { height: 64px; border: 1px solid #f5f5f5 }
.box_14 td._bbsbody { height: 214px; }
.box_14 td._listheader,.box_14 th._listheader { height: 26px; font-weight: bold; font-size: 14px; line-height: 26px; color: #FFF; background: #0a68b7 ;padding-left:5px; white-space:nowrap;}
.box_14 .mainDataTable td._listheader{padding-left:15px;}
.box_14 th._listheader>.k-link { color: #FFF; }
.box_14 td._listheader a { color: #222222; text-decoration: none; }
.box_14 td._listheader a:hover { color: #222222; text-decoration: none }
.box_14 tr._listrow:hover { background: #F0FFFF; cursor: default; }
.box_14 tr._listrow-normal { cursor: default }
.box_14 tr._listrow-focus { background: #F0FFFF; cursor: default; }
.box_14 td._span { height: 18px; line-height: 20px; }
    .box_14 td._listbody {
        height: 26px;
        color: #222222;
        font-size: 14px;
        word-break: break-all;
    }
.box_14 .mainDataTable td._listbody  { color: #FFFFFF; }

.box_14 td._listbody input[type=text], .box td._listbody input[type=password], textarea { font-size:14px; color: #222222; font-family: '微軟正黑體', 'Microsoft JhengHei', 'Tahoma'; }
.box_14 td._listbody input[type=button], .box td._listbody input[type=submit] { margin-left: 3px; }
.box_14 td._listbody input[type=button] { margin-top: 0px }
.box_14 td._listbody input[type=button]:active { margin-top: 1px; }
.box_14 td._listbody a { text-decoration: none;  }
.box_14 td._listbody a:hover { color: #08c; text-decoration: underline; } 
.box_14 td._listbody .img-object {  position: relative; width: 100%; height: 100%; }
.box_14 td._listbody .img-object .upload { position: absolute; height: 26px; bottom: 7px; }
.box_14 td._listbody .img-object .upload ._file-selector { float: left; width: 0px; height: 0px; overflow: hidden; border-width: 0px; display: none }
.box_14 td._listbody .set-item { float: left; margin-right: 5px; height: 13px; padding: 5px; border: 1px solid #d5d5d5; font-size: 14px; color: #222222; line-height: 13px; background: #f5f8ff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.box_14 td._listbody .set-item a.remove { float: left; padding: 0px; margin: 0px 5px 0px 0px; width: 14px; height: 14px; background: url('/images/content/content-item-del.png') #c5c5c5;  }
.box_14 td._listbody .set-item a.remove:hover { background: url('/images/content/content-item-del.png') #e86a15;  }

.box_14 td._listbody .ci-pnr-item { float: left; margin-right: 5px; height: 30px; padding: 0px 5px; border: 1px solid #d5d5d5; font-size: 12px; line-height: 30px; color: #222222; background: #f5f8ff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.box_14 td._listbody .ci-pnr-item input[type=text] { float: none; background: #ffffff; text-align: center; }
.box_14 td._listbody .ci-pnr-item a.add { float: left; padding: 0px; margin: 8px 5px 0px 0px; width: 14px; height: 14px; background: url('/images/content/content-item-add.png') #c5c5c5;  }
.box_14 td._listbody .ci-pnr-item a.add:hover { background: url('/images/content/content-item-add.png') #444444;  }
.box_14 td._listbody .ci-pnr-item a.del { float: left; padding: 0px; margin: 8px 5px 0px 0px; width: 14px; height: 14px; background: url('/images/content/content-item-del.png') #c5c5c5;  }
.box_14 td._listbody .ci-pnr-item a.del:hover { background: url('/images/content/content-item-del.png') #e86a15;  }
.box_14 td._listbody .ci-pnr-set { margin-right: 2px; border: 1px dotted #f2f2f2; font-weight: bold }
.box_14 td._listbody .ci-pnr-set:hover { border-color: #d5d5d5; cursor: move;  }
.box_14 td._listbody .ci-pnr-set input[type=text], .box td._listbody .ci-pnr-set select { border-color: #aaaaaa }
.box_14 td._listbody .ci-pnr-list { float: left; width: auto; height: 22px; line-height: 22px; text-align: center; font-size: 14px; color: #777777; margin-right: 1px }
.box_14 td._msg { background: #ffffcf; color: #ff6a00; }

.box_14 td._focus { color: #444444; background: url('/images/mainmenu/mainmenu-more-focus.png') #F0FFFF no-repeat right center  }


.box_14 td._listbody .group-item { float: left; margin: 0px 3px; padding: 3px 5px; height: 16px; border: 1px solid #e9e9e9; font-size: 12px; line-height: normal; background: #f9f9f9 }
.box_14 td._listbody .group-item a { float: right; margin: 0px 0px 0px 4px; width: 14px; height: 14px; text-decoration: none; background: #e86a15 }
.box_14 td._listbody .google-map { height: 300px }

.box_14 td #group-set {  position: relative;  width: auto; height: auto }
.box_14 td #group-set .add-menu { position: absolute; width: auto; max-width: 314px; height: auto; left: 0px; top: -7px; display: none;   }
.box_14 td #group-set .add-menu ._shadow { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; filter:alpha(opacity=30); opacity: 0.30;  }
.box_14 td #group-set .add-menu ._context { position: relative; margin: 7px; max-width: 300px; height: auto; background: #ffffff;  }
.box_14 td #group-set .add-menu ._header { padding: 5px; height: auto; background: #f2f2f2; font-size: 14px; color: #222222; line-height: 20px; border-bottom: 1px solid #e5e5e5 }
.box_14 td #group-set .add-menu ._header ._title { font-size: 15px; font-weight: bold; color: #e86a15; }
.box_14 td #group-set .add-menu ._header .close { float: right; width: 14px; height: 14px;  }
.box_14 td #group-set .add-menu ._mbody { padding: 7px; height: auto; }
.box_14 td #group-set .add-menu ._mbody ._msg { float: left; margin-left: 3px;  height: 26px; line-height: 26px; color: #e86a15 }
.box_14 td #group-set .add-menu ._mbody .item { float: left; margin: 1px; padding: 3px 5px; height: 16px; border: 1px solid #e9e9e9; font-size: 14px; line-height: normal; background: #f9f9f9; color: #222222 }
.box_14 td #group-set .add-menu ._mbody input { float: left }
.box_14 td #group-set .add-menu a { float: right; margin: 0px 0px 0px 4px; width: 14px; height: 14px; text-decoration: none; background: #e86a15 }

.box_14 ._bline { border-bottom: 1px solid #f5f5f5 }
.box_14 ._rline { border-right: 1px solid #f5f5f5 }
.box_14 ._lline { border-left: 1px solid #f5f5f5 }
.box_14 ._bbline { border-bottom: 1px solid #e2e2e2 }
.box_14 ._btline { border-top: 1px solid #e2e2e2 }
.box_14 ._brline { border-right: 1px solid #e2e2e2 }
.box_14 ._tbline { border-top: 1px solid #e2e2e2 }


.box_14 td._tbop { height: 26px; background: #1a9496 }
.box_14 input[type=button], .box input[type=submit] { /*margin-top: 1px;*/ }
.box_14 input[type=button]:active, .box input[type=submit]:active { margin-top: 2px; }

.box_14 td._bbsbody .post { padding: 5px; height: auto; font-size: 12px; }
.box_14 td._bbsbody .post ._user-photo { float: left; width: 50px; height: 50px; }
.box_14 td._bbsbody .post ._user-photo img { padding: 2px; width: 46px; height: 46px; background: #ffffff; border: 1px solid #e5e5e5 }
.box_14 td._bbsbody .post ._name { margin-left: 55px; height: 50px; line-height: 18px; color: #222222 }
.box_14 td._bbsbody .post ._quote { margin: 10px 0px; line-height: 18px; color: #222222 }


.box_14 ._sathd { background: #e2edf0; color: #36a2c6 }
.box_14 ._sunhd { background: #f6e9e9; color: #da4848 }
.box_14 ._datehd { background: #f5f5f5; color: #222222 }
.box_14 ._caldate:hover { background: #f5f5f5 }
.box_14 ._caldate ._date { height: 16px; line-height: 16px; text-align: right; font-size: 14px; font-weight: bold }
.box_14 ._caldate ._ndate { color: #aaaaaa }
.box_14 ._caldate ._satdate { color: #46b2d6 }
.box_14 ._caldate ._sundate { color: #ea5858 }

/*20170331 Vincent box14結束*/


.list-table-pageop { float: right; margin-top: 6px; width: auto; height: 26px; }
.list-table-pageop input[type=button] { margin: 4px 2px }
.list-table-pageop input[type=button]:active { margin-top: 5px; }
.list-table-pageop a.page { float: left; margin: 4px 2px; width: 18px; height: 18px; color: #000000; background: #ffffff; border: 1px solid #e5e5e5; font-size: 12px; text-align: center; line-height: 18px;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-decoration: none }
.list-table-pageop a.page:hover { background: #444444; font-weight: bold; color: #ffffff;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.list-table-pageop a.page:active { margin-top: 4px; }
.list-table-pageop .pfocus { float: left; margin: 4px 2px; width: 18px; height: 18px; background: #444444; color: #ffffff; border: 1px solid #e5e5e5; font-weight: bold; font-size: 12px; text-align: center; line-height: 18px;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.list-table-pageop .plabel { float: left; margin: 0px 2px; width: 20px; height: 20px; color: #000000; font-weight: bold; font-size: 12px; text-align: center; line-height: 20px;}

.preview { float: right; width: 210px; font-size: 12px; color: #222222; line-height: 20px }
.preview ._preview-container { padding: 5px; height: 120px; border: 1px solid #e5e5e5;  }
.preview ._preview-container ._content { width: 100%; height: 100%; overflow: hidden; line-height: 18px; color: #AAAAAA; }
.preview ._preview-container ._content img._picture { float: left; margin: 3px; width: 100px; height: 80px; border: 1px solid #888888 }

._component-shadow { -moz-box-shadow: 0px 0px 8px rgba(20%,20%,20%,0.3); -webkit-box-shadow: 0px 0px 8px rgba(20%,20%,20%,0.3); box-shadow: 0px 0px 8px rgba(20%,20%,20%,0.3);  }

.selector-component { position: relative; float: left; margin: 0px; padding: 0px }
.selector-component .scroll-menu { position: absolute; padding: 5px; width: auto; height: auto; display: none; }
.selector-component .scroll-menu .-shadow { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; opacity: 0.2; filter: alpha(opacity=20); }
.selector-component .scroll-menu .-context { position: relative;  width: 350px; height: auto; margin: 0px; background: #fbfbfb; border: 1px solid #c5c5c5 }
.selector-component .scroll-menu .-context .close { position: absolute; right: 13px; top: 5px; width: 5px; height: 5px; }
.selector-component .scroll-menu .-context .close a { text-decoration: none }
.selector-component .scroll-menu .-context .close a img { width: 15px; height: 15px; }
.selector-component .scroll-menu .-context .header { height: auto; background: #f2f2f2; border-bottom: 1px solid #e5e5e5 }
.selector-component .scroll-menu .-context .header .title { padding: 5px 10px; color: #444444; height: 16px; line-height: 16px; font-weight: bold }
.selector-component .scroll-menu .-context .header .search { padding: 0px 10px 10px 10px; height: 20px }
.selector-component .scroll-menu .-context .header .search input[type=text] { float: left; margin: 0px 2px; color: #222222 }
.selector-component .scroll-menu .-context .header .search input[type=button] { float: left; margin-left: 5px; width: 30px; height: 24px; }
.selector-component .scroll-menu .-context .header .search .label { float: left; margin-left: 5px; line-height: 24px; font-size: 12px; color: #222222 }
.selector-component .scroll-menu .-context select { float: left; margin: 0px 2px; color: #222222;  }
.selector-component .scroll-menu .-context .op { padding: 5px; height: 22px; line-height: 22px; border-bottom: 1px solid #e5e5e5; text-align: left; color: #444444; display: none }
.selector-component .scroll-menu .-context .loading img { float: left; margin-right: 5px; width: 18px; height: 18px; }
.selector-component .scroll-menu .-context .opb { border-bottom: 0px; border-top: 1px solid #e5e5e5;  }
.selector-component .scroll-menu .-context .body { position: relative; padding: 5px 10px; height: 230px; }
.selector-component .scroll-menu .-context .body a { float: left; width: 100%; height: 23px; line-height: 23px; font-size: 12px; color: #222222; white-space: nowrap; overflow: hidden }
.selector-component .scroll-menu .-context .body a:hover { color: #444444; background: #F0FFFF; cursor: default }
.selector-component .scroll-menu .-context .op .task { float: right; right: 10px; top: -10px; width: auto; height: 22px }
.selector-component .scroll-menu .-context .op .task a { float: left; padding: 0px; margin: 0px 1px; width: 22px; height: 22px;  background: #c5c5c5; text-decoration: none ; line-height: normal; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.selector-component .scroll-menu .-context .op .task a:hover { background: #444444; cursor: default }
.selector-component .scroll-menu .-context .op .task a img { margin: 0px; width: 22px; height: 22px; }
.selector-component .selected-item { float: left; margin-right: 5px; height: 13px; padding: 5px; border: 1px solid #d5d5d5; font-size: 12px; color: #222222; line-height: 13px; background: #f5f8ff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.selector-component .selected-item a { float: left; padding: 0px; margin: 0px 5px 0px 0px; width: 14px; height: 14px; background: url('/images/content/content-item-del.png') #c5c5c5;  }
.selector-component .selected-item a:hover { background: url('/images/content/content-item-del.png') #e86a15;  }

.module-dialog-header { height: auto; border-bottom: 1px solid #e5e5e5 }
.module-dialog-header .search { padding: 0px 10px 10px 10px; height: 20px }
.module-dialog-header .search input[type=text] { float: left; margin: 0px 2px; color: #222222 }
.module-dialog-header .search input[type=button] { float: left; margin-left: 5px; margin-top: 0px; width: 30px; height: 24px; }
.module-dialog-header .search input[type=button]:active { margin-top: 1px; }
.module-dialog-header .search .label { float: left; margin-left: 5px; line-height: 24px; font-size: 12px; color: #222222 }
.module-dialog-body { position: relative; padding: 5px 10px; height: 230px; }
.module-dialog-body a { float: left; width: 100%; height: 23px; line-height: 23px; font-size: 12px; color: #222222; white-space: nowrap; overflow: hidden; text-decoration: none }
.module-dialog-body a:hover { color: #444444; background: #F0FFFF; cursor: default }
.module-dialog-footer { padding: 5px 10px 5px 10px; height: 20px; border-top: 1px solid #e5e5e5; }
.module-dialog-footer .task { float: left; width: auto; height: 20px; line-height: 20px; color: #222222;  }
.module-dialog-footer .task a { float: left; padding: 0px; margin: 0px 1px; width: 20px; height: 20px;  background: #c5c5c5; text-decoration: none ; line-height: normal; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.module-dialog-footer .task a:hover { background: #444444; cursor: default }
.module-dialog-footer .task a:active { margin-top: 1px; }
.module-dialog-footer .task a img { margin: 0px; width: 20px; height: 20px; }
.module-dialog-footer .op { float: right; width: auto; height: 20px }

.module-dialog-body .selected-item { float: left; margin-right: 5px; height: 13px; padding: 5px; border: 1px solid #d5d5d5; font-size: 12px; color: #222222; line-height: 13px; background: #f5f8ff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.module-dialog-body .selected-item a { float: left; padding: 0px; margin: 0px 5px 0px 0px; width: 14px; height: 14px; background: url('/images/content/content-item-del.png') #c5c5c5;  }
.module-dialog-body .selected-item a:hover { background: url('/images/content/content-item-del.png') #e86a15;  }
.clickable-row :hover{ background-color : #C4E1FF; cursor: pointer; }
.clickable-row:hover td { background-color: #C4E1FF; /* or #000 */ }
.clickable-div :hover{ background-color : #C4E1FF; cursor: pointer; }
.highlight-order-edit-position { background-color: #C4E1FF; }
    .dropdown-header
    {
        border-width: 0 0 1px 0;
        line-height: 30px;
        height: 30px;
        padding-left: 5px;
    }

        .dropdown-header > span
        {
            border: 1px solid #ddd;
            border-left: 0;
            border-collapse: separate;
            padding-left: 5px;
            display: table-cell;
            text-align: center;
        }

            .dropdown-header > span:first-child
            {
                border: 1px solid #ddd;
                border-collapse: separate;
                padding-left: 5px;
                display: table-cell;
                text-align: center;
            }

    .dropdown-row
    {
        border-width: 0 0 1px 0;
        line-height: 20px;
        height: 20px;
    }

        .dropdown-row > span
        {
            display: table-cell;
            border: 1px solid #ddd;
            border-top: 0;
            border-left: 0;
            border-collapse: separate;
            padding-left: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .dropdown-row > span:first-child
            {
                display: table-cell;
                border: 1px solid #ddd;
                border-collapse: separate;
                border-top: 0;
                padding-left: 5px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
    /*start 直客表格式下拉之css style  2016/04/25*/
    .k-item,.k-state-focused,.k-state-hover{       
        border-left:1px solid #aaa;
    }   
    div.dHeader {
        display:inline-block;
        vertical-align: top;
        overflow: hidden;  
        line-height:1.8em;
        height:1.8em;
        margin:0;
        padding:1px 0 1px 5px;
        text-align:center;
        border-top:1px solid #aaa;
        border-left:1px solid #aaa;
        background-color:#eaeaea;
        
    }
    .d_item, .d_header{    
        float:left;
        overflow: hidden;         
        line-height:1.8em;
        height:1.8em;
        margin:0;
        padding:0 1px;        
        border-right:1px solid #aaa;
        border-bottom:1px solid #aaa;
    }
   
    .d_header {       
        background-color:#eaeaea;
        font-weight:500;
        line-height:1.8em;
        height:1.8em;
    }  

    /*end 直客表格式下拉之css style*/ 




textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height:25px;
    line-height:25px;
}
select {
    height:27px;
    line-height:27px;
}
.datemask{
    width:70px!important;
    text-align:center;
}
.box_14 .datemask{
    width:80px!important;
    text-align:center;
}
.requier_star {
    color:#FFFFFF;
}
.price_block {
    border-top:6px solid white;
}
.required_field {
    color:#FFF900 !important;
}

.search_page_tip {
    color:#0a68b7;
    background-color:#e4e6e9;
}
.amount_display_colum {
    border-bottom: 1px solid;
    text-align: right;
    padding-right: 5px;
}
.mainDataTable .amount_display_colum{
    border-color:#FFFFFF;
}


.mainDataTable{
    background-color:#0a68b7;
    color:#FFFFFF;
        
}
.mainDataTable a{
    /*color: greenyellow;*/
}


.hightlight_block {
    background-color:#FFFFFF;
    color:#000000;
}

.required_but_none_edit {
    border: 1px;
    padding: 6px;
    border-radius: 4px;
    background-color: #d6d4d1;
    color: black;
}
.required_but_none_edit  a{
    color: blue;
}
.input_fill_column input[type=text]:not(.datemask) {
    width:95%;
}
.mainDataTable .readonlyAmountBox{
    background-color:#0a68b7;
    color:#FFFFFF !important;
    border-radius:0px;
    border-color:#FFFFFF !important;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}
.readonlyTextBox{
    background-color:#FFFFFF !important;
    color:#000000 !important;
    border-radius:0px;
    border:0px;
}
.readonlyTextBox[readonly]{
    background-color:#FFFFFF !important;
    color:#000000 !important;
    border-radius:0px;
    border:0px;
}
.mainDataTable .readonlyTextBox{
    background-color:#0a68b7 !important;
    color:#FFFFFF !important;
}
.k-delete,.k-delete:hover{
    background-image: url('/images/button/delete-icon.png') !important ;
    background-size: 16px 16px !important;
    background-position: 0px !important;
}
.font_size_14 {
    font-size: 14px!important;
}
.custom-checkbox {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    user-select: none;
    color: white;
    font-weight: bold;
}