body{font-family:Roboto,"微軟正黑體"!important;margin:0;padding:0}a,a:visited{text-decoration:none}a:active,a:hover{text-decoration:none}input,select{font:12px Roboto,"微軟正黑體",Arial}input[type=reset],input[type=submit]{cursor:pointer;text-decoration:none;white-space:nowrap}form{display:inline;margin:0;padding:0}hr{border:0;height:2px;width:100%;padding:0}img{border:0}td{vertical-align:top}iframe{border:1px #ddd solid}.content{padding:0 3px 3px 3px;text-align:left}.login_button{background-image:url(../image/login_button.png)}.login_button:hover{background-image:url(../image/login_button_mouse_over.png)}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.box_shadow{-moz-box-shadow:3px 3px 4px #ddd;-webkit-box-shadow:3px 3px 4px #ddd;box-shadow:3px 3px 4px #ddd}.text_shadow{-moz-text-shadow:3px 3px 4px #ddd;-webkit-text-shadow:3px 3px 4px #ddd;text-shadow:3px 3px 4px #ddd}.tinybox{border-radius:4px;min-width:15px;height:15px;margin-right:5px}.tinybox2{border-radius:4px;min-width:28px;height:18px;text-align:center;color:#fff;margin:0 3px 0 3px;padding:0 2px 0 2px}.tinybox3{border-radius:4px;min-width:28px;height:18px;text-align:center;border:1px solid #aaa;color:#aaa;margin:0 3px 0 3px;padding:0 2px 0 2px}.orange{background-color:orange}.green{background-color:green}.blue{background-color:#00f}.lightgrey{background-color:#ccc}.red{background-color:red}.purple{background-color:purple}.bold{font-weight:700}.stat-primary{font-size:42px;font-family:Calibri;font-weight:700;color:#469ea5}.stat-default{font-size:39px;font-family:Calibri;font-weight:700;color:rgba(0,0,0,.65)}.blockHeader{font-size:18px;font-family:Calibri;color:rgba(0,0,0,.65);display:block}.blockContent{font-size:18px;font-family:Calibri;font-weight:700;color:rgba(0,0,0,.65);display:block}.footerClear{padding-bottom:100px}.rosterStaffInfoPanel>.panel-body{background-color:rgba(200,200,200,.8)}.input-group span.input-group-addon.default{background-color:#eee;color:#aaa;border:1px solid #ccc}.input-group span.input-group-addon.default:last-child{border-left:0!important}.input-group span.input-group-addon.default:first-child{border-right:0!important}.input-group span.input-group-addon.white{background-color:#fff;color:#676a6c;border:1px solid #ccc}.input-group span.input-group-addon.white:last-child{border-left:0!important}.input-group span.input-group-addon.white:first-child{border-right:0!important}.ellipsis-text{text-overflow:ellipsis;overflow:hidden}#main{width:1000px;margin-left:auto;margin-right:auto;margin-bottom:30px;padding-bottom:30px}#header .wrapper{position:relative;padding:0;margin:0;height:75px;min-height:75px}#second_menu{padding:3px 10px 3px 10px;float:right;height:30px;line-height:30px;margin:10px 10px 3px 3px}#second_menu:after{float:none}#second_menu a,#second_menu a:visited{font-size:12px;font-weight:700;text-decoration:none}#sitelogo img{position:absolute;top:16px;left:16px}#titles{position:absolute;left:80px;top:10px}#subtitle,#title{display:none}#title{font-size:32px;margin-top:0}#title a,#title a:visited{text-decoration:none}#subtitle{font-size:15px;margin-top:5px}#menubar .wrapper{position:relative;margin:0;padding:4px 4px 0 4px;height:46px}#menubar_shadow{height:10px}#main_content{width:100%}#main_content .wrapper{padding:0 10px 0 10px}#footer{padding:0 10px 0 10px}#footer .wrapper{margin:0 3px 0 3px;padding:5px 10px 5px 10px;text-align:center}#footer .footer_title{font-size:1.3em;font-weight:700}.stdtb tr{height:25px}.stdtb td{vertical-align:middle}.stdtb .ajax__calendar tr{height:auto}.stdtb .ajax__calendar td{vertical-align:super}.ui_msg_padding{padding:.7em}.ui_icon_padding{float:left;margin-right:.3em}.ui_wiget_padding{padding:.3em}.ui_header_pointer{cursor:pointer}.ui_header_padding{padding:.2em}.ui_content_padding{padding:.5em 1em}.mGrid{margin:5px 2 10px 2;width:100%}.mGrid td{padding:2px}.mGrid th{padding:2px}.mGrid th a{margin:2px}.mGrid .pgr table{margin:5px 0}.mGrid .pgr td{line-height:12px;padding:0 6px}.mGrid .pgr a{text-decoration:none}.mGrid .pgr a:hover{text-decoration:none}.field{height:22px}.field>td{height:22px;vertical-align:middle;padding:0}.table-responsive table{width:100%!important}table.selectable tr{cursor:pointer}table.selectable tbody tr.selected{background-color:#1ab394!important;color:#fff!important}table{vertical-align:middle!important}table.table-bordered th{vertical-align:middle!important;text-align:center!important}table td{vertical-align:middle!important}table td.nowrap{white-space:nowrap}table td.fullname{max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-responsive table{width:100%!important}table.selectable tr{cursor:pointer}.calGrid{width:100%;background-color:#ddd}.calGrid th{padding:2px;white-space:nowrap;overflow:hidden}.calGrid td{padding:2px;white-space:nowrap;overflow:hidden;margin:2px}.calGrid div{width:100%;white-space:nowrap;overflow:hidden}.calGrid tr:nth-child(even){background-color:#eee}.calendar .monthhdr{height:100%;font-weight:700}.calendar .dayhdr{font-weight:700;height:15px}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}div.leave_icon{margin:1px;width:30px;height:29px;background:url(../image/icon/list_cal.gif);background-repeat:no-repeat}li#icon_calendar,li#icon_list{background-color:transparent;top:1px;position:relative;cursor:pointer;border:solid 1px transparent;padding:7px 10px 17px 10px}li#icon_calendar.selected,li#icon_list.selected{background-color:#fff;border:solid 1px #d3d3d3;border-bottom:0;box-shadow:0 -7px 12px 2px #d3d3d3}li#icon_list div.leave_icon{background-position:0 1px}li#icon_calendar div.leave_icon{background-position:-30px 1px}.ascending::after{content:"\25B2"}.descending::after{content:"\25BC"}.overflow-hidden{overflow:hidden}.float-right{float:right}.float-left{float:left}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}div.centred{margin:0 auto}.border-lightgrey{border:solid 1px #d3d3d3}.right-border-lightgrey{border-right:solid 1px #d3d3d3}.font-bold{font-weight:700}.position-relative{position:relative}.text-align-right{text-align:right!important}.text-align-left{text-align:left!important}.control-label{text-align:left!important}li[id^=sort-]:hover{background:grey;color:#fff;box-shadow:1px 1px 1px 1px #d3d3d3}div.Approved{width:24px;height:24px;background:url(../image/icon/approved_24x24.png);background-repeat:no-repeat}div.InProgress{width:24px;height:24px;background:url(../image/icon/inprogress_24x24.png);background-repeat:no-repeat}div.Rejected{width:24px;height:24px;background:url(../image/icon/rejected_24x24.png);background-repeat:no-repeat}span.ApprovedText{color:green}span.InProgressText{color:#50b4f2}span.RejectedText{color:red}div.bigApproved{width:48px;height:48px;background:url(../image/icon/approved_doc.png);background-repeat:no-repeat}div.bigProcess{width:48px;height:48px;background:url(../image/icon/processing.png);background-repeat:no-repeat}div.mainLevelBox{max-width:350px;text-align:center;margin:0 auto;padding:10px;border-radius:5px;border-top-left-radius:0;box-shadow:10px 10px 10px #d3d3d3}div.otherLevel{border:1px solid #d3d3d3;opacity:.5}div.beforeLevel{border:1px solid #ff990a;opacity:.5}div.beforeLevel:hover,div.otherLevel:hover{opacity:1}div.curLevel{border:3px solid #50b4f2}div.rejectedLevel{border:3px solid #000}div.Status{color:#fff;padding:10px;position:relative;top:-10px;right:-11px;border-bottom-left-radius:23px}div.Level{float:left;position:relative;background-color:#fff;padding:3px;border-bottom-right-radius:15px;font-size:14px;width:20px;height:20px;font-weight:700}div.curLevel .Level{border:solid 3px #50b4f2;top:-14px;left:-14px}div.otherLevel .Level{border:solid 1px #d3d3d3;top:-12px;left:-12px}div.beforeLevel .Level{border:solid 1px #ff990a;top:-12px;left:-12px}div.rejectedLevel .Level{border:solid 3px #000;top:-14px;left:-14px}div.curLevel .Status{background-color:#50b4f2}div.otherLevel .Status{background-color:#d3d3d3}div.beforeLevel .Status{background-color:#ff990a}div.rejectedLevel .Status{background-color:#000}.downarrow{width:22px;height:22px;background:url(../image/icon/down_arrow.png);background-repeat:no-repeat}span.ui-dropdownchecklist-text{padding:2px;word-wrap:normal}input.selectionField{height:17px;font-size:14px;font-weight:700;color:#d3d3d3}.marginRight20{margin-right:20px}.marginBottom10{margin-bottom:10px}.fheader{font-size:15px;color:grey}.fcontent{font-size:1.2em;color:#000;word-wrap:break-word}.fcontent .padless{margin:1px 3px}.fcontent textarea{height:100px;width:99%}.theader{font-size:1.3em;font-weight:700}.tcontent textarea{height:100px;width:99%}table.kpiTable{width:100%;border-collapse:collapse;text-align:center}table.kpiTable,table.kpiTable td,table.kpiTable th{border:solid 1px #ececec}table.kpiTable td,table.kpiTable th{padding:5px}table.kpiTable th{font-weight:700;text-align:left;background:#1ab394}table.kpiTable input[type=text],table.kpiTable textarea{width:99%;border:solid 1px #d3d3d3;margin:0}table.kpiTable input[type=text].percent{width:70%;border:solid 1px #d3d3d3}.validation{border:solid 2px red!important;background:#ffd2d2!important}div.commentDisplay{width:45%;margin:0 15px;border-right:solid 3px #d3d3d3;border-bottom:solid 2px #d3d3d3}.commentDisplay span.score{font-size:1.2em;font-weight:700}.ScorePanel span{padding:2px 14px;border:solid 1px #ddd}.cstyle-wrapper{text-align:right;font-size:.8em;color:grey}.ui-datepicker-trigger{vertical-align:middle;padding-left:2px;cursor:pointer}input:disabled{cursor:default;background-image:none;background-color:#f5f5f5;color:#999}.validationMessage{color:red;margin-left:2px}.validationElement{border:solid 2px red;background-color:#ffd2d2}@media print{.no-print,.no-print *{display:none!important}.no-print-invisible,.no-print-invisible *{visibility:hidden!important}}.text-dashboard{color:#853ee8!important}.text-personnel{color:#1ab394!important}.text-leave{color:#ef5352!important}.text-approval{color:#f8ac59!important}.text-attendance{color:#1c84c6!important}.text-performance{color:#23c6c8!important}.text-payroll{color:#e2689f!important}.text-broadcast{color:grey!important}.text-budget{color:#9acd32!important}.label-title{background-color:rgba(255,255,255,0)!important;border:0!important;padding-left:0;cursor:default}.label-blank{background-color:rgba(255,255,255,0)!important;border:0!important}.label-normal{border:0!important}.label-dashboard{background-color:#853ee8!important;color:#fff!important;border:0!important}.label-personnel{background-color:#1ab394!important;color:#fff!important;border:0!important}.label-leave{background-color:#ef5352!important;color:#fff!important;border:0!important}.label-approval{background-color:#f8ac59!important;color:#fff!important;border:0!important}.label-attendance{background-color:#1c84c6!important;color:#fff!important;border:0!important}.label-performance{background-color:#23c6c8!important;color:#fff!important;border:0!important}.label-payroll{background-color:#e2689f!important;color:#fff!important;border:0!important}.label-broadcast{background-color:grey!important;color:#fff!important;border:0!important}.label-budget{background-color:#9acd32!important;color:#fff!important;border:0!important}.tagbox{border-top:1px solid #e7eaec;border-bottom:1px solid #e7eaec;border-right:1px solid #e7eaec;margin:20px -5px;padding:10px 10px 10px 15px;background-color:#f5f5f5}.tagbox .tagbox-title{min-height:48px;padding:0 15px 7px;margin-bottom:0;color:inherit;border-width:3px 0 0}.tagbox-title h5{font-size:16px;font-weight:400;display:inline-block;margin:0 0 5px;padding:0;text-overflow:ellipsis;float:left}.tagbox.tagbox-red{border-left:5px solid #ed5565}.tagbox.tagbox-green{border-left:5px solid #1ab394}.tagbox.tagbox-yellow{border-left:5px solid #f8ac59}.tagbox.tagbox-blue{border-left:5px solid #337ab7}table.center-header th{text-align:center}table.center-header th[rowspan]{vertical-align:middle}span.lw{cursor:pointer}#mask{position:fixed;top:0;left:0;overflow:hidden;background-color:#aaa;z-index:9005;width:100%!important;height:100%!important}#dialog-loading{width:40px;height:40px;z-index:9999;position:absolute;left:50%;top:50%}.sk-cube{background-color:#1ab394}.sk-folding-cube{margin:0 auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(50,50,50,.3);-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}.statustag{border:1px solid #676a6c;color:#676a6c;width:110px;padding:5px 20px;border-radius:.25em;font-size:10px;font-weight:600;text-align:center;display:inline-block}.statustag.aip{background-color:#efac4d;color:#fff!important;border:0!important}.statustag.apv{background-color:#5ab75b;color:#fff!important;border:0!important}.statustag.pos{background-color:#3273b9;color:#fff!important;border:0!important}.statustag.cip{background-color:#9c4098;color:#fff!important;border:0!important}.statustag.pos{background-color:#3273b9;color:#fff!important;border:0!important}.statustag.ntf{background-color:#f99157;color:#fff!important;border:0!important}.statustag.can,.statustag.default,.statustag.rej{background-color:#818a91;color:#fff!important;border:0!important}div.legend{display:inline-block;width:100%;padding:5px}div.legend div.legendtag{border:1px solid #676a6c;color:#676a6c;min-width:110px;padding:5px 20px;border-radius:.25em;font-size:10px;font-weight:600;text-align:center;float:left}div.legend span.legenddesc{color:#676a6c;font-weight:600;float:left;padding:5px 10px;font-size:12px;white-space:nowrap}.legendtag.aip{background-color:#efac4d;color:#fff!important;border:0!important}.legendtag.apv{background-color:#5ab75b;color:#fff!important;border:0!important}.legendtag.pos{background-color:#3273b9;color:#fff!important;border:0!important}.legendtag.cip{background-color:#9c4098;color:#fff!important;border:0!important}.legendtag.pos{background-color:#3273b9;color:#fff!important;border:0!important}.legendtag.ntf{background-color:#f99157;color:#fff!important;border:0!important}.legendtag.can,.legendtag.default,.legendtag.rej{background-color:#818a91;color:#fff!important;border:0!important}span.aip{background-color:#efac4d;color:#fff;padding:5px 20px}span.apv{background-color:#5ab75b;color:#fff;padding:5px 20px}span.cip{background-color:#9c4098;color:#fff;padding:5px 20px}span.pos{background-color:#3273b9;color:#fff;padding:5px 20px}span.ret{background-color:#f99157;color:#fff;padding:5px 20px}span.can,span.default,span.rej{background-color:#818a91;color:#fff;padding:5px 20px}span.underprobation{background-color:#5ab75b;color:#fff;padding:3px 5px}span.terminated{background-color:#ed5565;color:#fff;padding:3px 8px}span.terminationwithnotice{background-color:#efac4d;color:#fff;padding:3px 5px}.swal2-modal{z-index:9998!important}.swal2-overlay{z-index:9997!important}.swal2-confirm{background-color:#1ab394!important}.fc-sat,.fc-sun{color:#ed5565}.fc-time{display:none}.datepicker .active,.datepicker .active:hover{background-color:#f8ac59!important}.bootstrap-datetimepicker-widget table td.today:before{border-bottom-color:#1ab394!important}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff!important}.has-error .btn-file,.has-error .btn-file:active,.has-error .btn-file:hover{background-color:#f2dede!important;color:#a94442!important;border-color:#a94442!important}.has-error .note-btn-group button{background-color:#f2dede;color:#a94442;border-color:#a94442}.has-error .note-editor.note-frame{border-color:#ed5565}.img-hover{position:relative;display:block;text-decoration:none}.img-hover:hover{color:#676a6c}.img-hover,.img-hover *{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.img-hover img{width:100%;height:auto}.img-hover>div.img-button{position:absolute;top:30px;width:calc(100% - 60px);height:calc(100% - 60px);background-color:rgba(255,255,255,.56);left:30px;opacity:0;text-align:center;font-size:3em;padding-top:40%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:5px}.img-hover>div.img-button>span{position:absolute;left:30px;top:calc(50% - 30px)}.img-hover:hover div.img-button{opacity:1}.popover,.ui-dialog,.ui-dialog button{font-family:Roboto,"微軟正黑體"!important}