@charset "UTF-8";
/* icon */
@import url(font-awesome4.7/css/font-awesome.min.css);
@import url(kyicon/style.css);
/* plugins */
@import url(../css/plugins_lib.css);
@import url(../plugins/quill/quill.core.css);
@import url(../plugins/quill/quill.snow.css);
/* ui */
@import url(button.css);
@import url(nav.css);
@import url(header.css);
@import url(form.css);
@import url(table.css);
/* main */
body{background-color:#F7f7f7}
body,html{font-family:"Open Sans","微軟正黑體","Helvetica","Arial","sans-serif";height:100%;padding:0;margin:0;font-weight:400;font-size:1rem}
a{text-decoration:none;color:#336699;transition:all linear 0.2s}
a:hover,a:focus{text-decoration:none;color:#dc0032}
.wrapper{overflow:hidden;width:100%;height:100%}
/* modal */
.modal-content{border:none;box-shadow:0 0 15px 15px rgba(0, 0, 0, .1);border-radius:10px}
.modal-header{border-bottom:1px solid #ddd;padding-bottom:0;position:relative}
.modal-header .btn-close{position:absolute;right:10px;top:15px;margin:0;font-size:1rem;border-radius:50%;background-color:#D1D3D4}
.mh-action{padding-right:40px;position:relative;top:-8px}
.modal-body{padding:0 1rem 1rem 1rem}
.modal-footer{border-top:none}
.modal-footer .btn{min-width:120px}
.modal-title{flex:1 1 auto;padding-bottom:1rem;font-weight:700;padding-right:30px}
.alert-modal .modal-header{display:flex;justify-content:center;flex-direction:column;align-items:center}
.alert-modal .modal-header img{width:100px}
.alert-modal .modal-header h5{border-bottom:1px solid #999}
.alert-modal .modal-body{text-align:center}
.alert-modal .modal-footer{justify-content:center}
/* color picker */
.form-input .drawrpallete-wrapper{width:100%}
.drawrpallete-wrapper button.form-control{border:1px solid #ddd!important;height:38px!important;width:100%!important;background-image:none!important}
.drawrpallete-canvas + div > button{border:none;border-radius:6px;background-color:#fff}
.color-picker-group .color-display{border-radius:.25rem;border:1px solid #ddd;height:38px}
.color-picker-group .color-display .bcPicker-picker{border-radius:.25rem}
.color-picker-group .color-display .bcPicker-palette{top:38px}
/* sortable */
.sort-list-container{display:flex}
.sort-list-container .sort-content{flex:1 1 auto;height:394px;overflow:auto}
.sort-list-container .scroll-control{max-width:60px;flex:0 0 60px;display:flex;justify-content:center;align-items:flex-end;flex-direction:column}
.sort-list-container .scroll-control .btn{border-radius:3px;margin:10px 0;font-size:1.2rem;padding:.5rem .6rem;display:flex;align-items:center;justify-content:center}
.sort-list{list-style:none;padding:0;margin:0}
.sort-list>li{display:flex;border:1px solid #ddd;background-color:#fff}
.sort-list > li.selected{background-color:rgb(221, 255, 202)}
.sort-list>li .shandle{width:40px;padding:.75rem 1rem}
.sort-list>li + li{margin-top:-1px}
.sort-list>li .text{padding:.75rem .5rem}
.sort-content{border:1px solid #ddd}
.sort-content .sort-list{margin-left:-1px;margin-top:-1px}
/* datetimepicker */
.dt-input{position:relative;align-items:center;background-color:#fff;border-radius:.25rem;border:1px solid #ced4da;padding-right:40px}
.dt-input .form-control{border:none}
.dt-input::after{content:"\e901";font-family:'kyicon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:0;top:0;height:100%;display:flex;width:40px;background-color:#FFF;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;color:#969393;align-items:center;justify-content:center}
.dt-input[data-dtpicker="d-range"] .form-control{width:105px}
.dt-input[data-dtpicker="t-range"] .form-control{max-width:90px}
.dt-input[data-dtpicker="t-range"]::after{content:"\e910"}
.input-group>.input-group-append>.btn{border-left:none}
.bootstrap-datetimepicker-widget{width:250px!important}
/* text */
.color-black{color:#333 !important}
.color-blue{color:#47A2DB !important}
.color-green{color:#b4C43F !important}
.color-bgreen{color:#53B38C !important}
.color-bbgreen{color:#556B2F !important}
.color-orange{color:#FF8A01 !important}
.color-red{color:#C95A53 !important}
.color-grey{color:#999 !important}
.fs-8{font-size:.8rem!important}
/* title */
.title-01{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;position:relative;margin-bottom:1.25rem}
.title-01::after{content:"";position:absolute;height:5px;width:90px;bottom:-1px;left:50%;margin-left:-45px;background-color:#B4C43f}
.title-02{position:relative;padding-left:20px}
.title-02::before{content:"";position:absolute;width:6px;height:6px;background-color:#336699;border-radius:2px;left:5px;top:6px}
/* loading */
.loading-animation{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .2)}
.loading-animation .loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.loading-animation .loading-wrapper .circle{display:inline-block;margin:0 3px;width:10px;height:10px;background-color:#FE6309;border-radius:50%;animation:loading 1.5s cubic-bezier(.8, .5, .2, 1.4) infinite;transform-origin:bottom center;position:relative}
.loading-animation .loading-wrapper .circle-1{animation-delay:0.1s}
.loading-animation .loading-wrapper .circle-2{animation-delay:0.2s}
.loading-animation .loading-wrapper .circle-3{animation-delay:0.3s}
.loading-animation .loading-wrapper .circle-4{animation-delay:0.4s}
.loading-animation .loading-wrapper .circle-5{animation-delay:0.5s}
.loading-animation .loading-wrapper  .circle-6{animation-delay:0.6s}
.loading-animation .loading-wrapper  .circle-7{animation-delay:0.7s}
.loading-animation .loading-wrapper .circle-8{animation-delay:0.8s}
@keyframes loading{
0%{transform:translateY(0px);background-color:#fff}
50%{transform:translateY(50px);background-color:#26C9C1}
100%{transform:translateY(0px);background-color:#FE6309}
}
/* login */
.login .wrapper{display:flex;align-items:center;flex-direction:column;padding-top:8vh;overflow:auto}
.login-syslogo{padding-bottom:30px;text-align:center}
.login-syslogo h3{margin-bottom:0;font-weight:700;font-size:2.25rem}
.login-syslogo .syslogo-pic{margin-bottom:15px}
.login-panel{background-color:rgba(255, 255, 255, 0.75);padding:40px 50px;border-radius:10px;box-shadow:0 0 20px 10px rgba(0, 0, 0, .07);max-width:450px;width:100%}
.login-panel .login-form .form-group{position:relative;margin-bottom:0}
.login-panel .login-form .form-group .form-control{padding-left:50px}
.login-panel .login-form form label{position:absolute;display:inline-block;left:20px;top:8px;z-index:2;color:#FF7300}
.login-panel .login-form .forget-pw{position:absolute;top:10px;right:0;transition:all linear 0.2s;z-index:2}
.login-panel .login-form .forget-pw:hover{transform:scale(1.12)}
.login-switch{display:inline-block;width:100%;border:2px solid #ffffff;background-color:rgba(255, 255, 255, 0.26);padding:5px;margin:5px 0}
.login-switch .btn{width:50%;display:inline-block;float:left;background-color:transparent;color:#ddd;border-color:transparent;color:#000}
.login-switch .btn.active{background-color:#787878;color:#fff;border-color:#787878;box-shadow:none}
.login-panel:before{content:"";position:fixed;height:100%;width:150px;right:-230px;top:0;transform:skewX(40deg);display:inline-block}
.login-panel:after{content:"";position:fixed;height:100%;width:150px;right:-150px;top:0;transform:skewX(0deg);display:inline-block}
/* ol , ul*/
ul.list-dots{padding-left:4rem;margin-bottom:30px;list-style:none}
ul.list-dots>li{position:relative}
ul.list-dots>li + li{margin-top:15px}
ul.list-dots>li::before{content:"";position:absolute;right:calc(100% + 20px);top:.7rem;left:-15px;width:5px;height:5px;border-radius:40%;background-color:#000}
.order-ch{list-style:none;padding-left:4rem;counter-reset:counter1}
.order-ch>li{position:relative}
.order-ch>li::before{content:counter(counter1,simp-chinese-informal) '、';counter-increment:counter1 1;position:absolute;right:100%;top:2px;font-size:.9rem}
/* background */
.bg-white{background-color:#fff!important}
/* content */
.main-frame{display:inline-block;width:100%;height:100%;overflow:auto}
.content-wrapper{display:inline-block;vertical-align:top;width:calc(100% - 50px);margin-left:-4px;margin-left:50px;min-height:calc(100% - 60px);position:relative}
.content-frame{display:block;position:relative}
.content-main{display:block;width:100%;min-height:100%;padding:20px 25px 25px 25px;position:relative;z-index:10}
.dropdown-menu{border-radius:10px;border:none;list-style:none;box-shadow:0 0 10px 8px rgba(0, 0, 0, .07);padding:0;overflow:hidden}
.dropdown-menu a{padding:10px 1.25rem}
.dropdown-menu a:hover{color:#333!important}
.dropdown-menu a:focus{background-color:#f9f9f9}
hr{background-color:#A7A9AC}
.page-title{display:flex;width:100%;padding:10px 0px 10px 0px}
.page-title h4{font-weight:700;position:relative;padding:0px 20px 0 20px;flex:1 1 auto;margin:0;color:rgba(0, 0, 0, .7)}
.page-title h4:before{content:"";display:block;width:4px;height:20px;position:absolute;top:5px;left:0;background-color:#B4C43f}
.page-title .right-func{display:flex;align-items:center}
.page-title .right-func{padding-left:10px;justify-content:flex-end}
.page-title .right-func .action{display:flex;padding-left:30px}
.page-title .right-func .action .btn{position:relative;font-size:1rem;display:flex;align-items:center;justify-content:center;margin-left:10px}
.page-title .right-func .action .btn p{position:absolute;top:calc(100% + 5px);left:0;width:100%;font-size:.7rem;text-align:center}
.page-title .right-func .action .btn i{margin-right:5px}
.with-tb-search.page-title{padding-right:260px}
.page-action{display:flex;margin-top:20px}
.page-action>div.col{white-space:nowrap}
.page-action .form-control{border:none;border-radius:0}
.page-action .form-control.sm{width:130px}
.page-action .form-control.lg{width:250px}
.page-action .pa-left{background-color:rgba(255, 255, 255, 1);border-radius:50px;box-shadow:0 0 10px 5px rgba(0, 0, 0, .07);display:flex;padding:8px 8px 8px 25px}
.page-action .pa-left .pal-input{align-items:center;position:relative;overflow:visible;display:flex;flex-wrap:wrap;padding-right:40px}
.page-action .pa-left .pal-input .item-label{margin:0;color:#777;padding:0 .75rem}
.page-action .pa-left .pal-input .btn-search-item{position:absolute;width:38px;height:38px;right:0;top:50%;transform:translateY(-50%)}
.page-action .pa-left .pal-input .btn-search{flex:0 0 38px;font-size:1.5rem;position:absolute;right:0px;top:0px;padding:0;border-radius:50%;height:38px;width:38px;display:flex;justify-content:center;align-items:center;background-color:#BFBFBF;color:#fff}
.page-action .pa-left .pal-input .item{position:relative;display:flex;align-items:center}
.page-action .pa-left .pal-input .item + .item::before{content:"";position:absolute;left:0;top:10px;height:20px;width:1px;background-color:#ddd}
.page-action .pa-left .pal-toggle .btn{padding:5px 30px 5px 10px;font-size:1.5rem;line-height:0;height:38px}
.page-action .pa-left .pal-toggle .btn:hover{background-color:transparent;color:#FE5C00}
.page-action .pa-left .dt-input{border:none}
.page-action .pa-left .dt-input::after{background-color:transparent}
.page-action .pa-left .form-radio{padding-right:5px;margin-right:5px}
.page-action .pa-right{display:flex;padding-left:15px;justify-content:flex-end;flex:1 1 auto}
.page-action .pa-right .btn{height:54px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:0 0 10px 3px rgba(0, 0, 0, .1);white-space:nowrap}
.page-action .pa-right .btn + .btn{margin-left:5px}
.page-action .pa-right .btn i{margin-right:5px}
.pagination-frame{width:100%;margin:15px 0;display:inline-block;text-align:center}
.pagination-frame button{border-color:#ccc;margin-right:0}
.pagination-frame > div{display:inline-block;margin-left:-3px}
.pagination-frame .pagenav{width:34px;padding:0 2px}
.pagination-frame .pagenav-xl{width:34px}
.pagination-frame .page-control{width:calc(100% - 136px);text-align:center;max-width:700px;vertical-align:middle}
.pagination-frame .page-txt{display:inline-block}
.pagination-frame .pagination{vertical-align:middle;margin:0 20px}
.pagination-frame .pagination>li>a,.pagination-frame .pagination>li>span{border:none;border-radius:0;border-bottom:2px solid transparent;line-height:24px;color:#333;background-color:transparent}
.pagination-frame .pagination>li>a:focus,.pagination-frame .pagination>li>a:hover,.pagination-frame .pagination>li>span:focus,.pagination-frame .pagination>li>span:hover{background-color:transparent;border-bottom:2px solid #000}
.pagination-frame .pagination>.active>a,.pagination-frame .pagination>.active>a:focus,.pagination-frame .pagination>.active>a:hover,.pagination-frame .pagination>.active>span,.pagination-frame .pagination>.active>span:focus,.pagination-frame .pagination>.active>span:hover{border:none;border-radius:0;border-bottom:2px solid #000;line-height:24px;color:#333}
.pagination-frame.type-s .page-control{width:calc(100% - 68px);text-align:center}
.pagination-frame.type-s .pagination{display:none}
.pagination-frame.type-s div.pagenav-lx{display:none}
.nav-tabs{border-bottom:none;background-color:#fff;padding:0 0px;white-space:nowrap;border-bottom:1px solid #ddd}
.nav-tabs>li{white-space:nowrap}
.nav-tabs>li>a.active,.nav-tabs>li>a.active:focus,.nav-tabs>li>a.active:hover{border:none;border-radius:0;border-bottom:3px solid #d92017}
.nav-tabs>li>a:focus,.nav-tabs>li>a:hover{border-radius:0;border-bottom:3px solid #d92017}
.nav-tabs>li>a{font-size:.9rem;padding:16px 18px;color:#000;border-bottom:3px solid transparent;display:block}
.nav-tabs .nav-link{color:#777}
.nav-tabs.l2{background-color:#F9F9F9;padding:0;justify-content:center;border-bottom:1px solid #ddd}
.nav-tabs.l2 .nav-link{border:none;border-bottom:3px solid transparent;padding:1rem 1.25rem;color:#333}
.nav-tabs.l2 .nav-link.active{background-color:transparent;border:none;border-bottom:3px solid #A3B6CC}
.scroll-container{height:100%}
.scrollbar-track{background-color:rgba(0, 0, 0, 0.1)}
.scrollbar-track-y{width:6px}
.scrollbar-track-x{height:6px}
.scrollbar-thumb{width:6px;height:6px}
/* .breadcrumb{background-color:transparent;border-radius:0;padding:0px 25px}
.breadcrumb-item+.breadcrumb-item::before{content:"\e900";font-family:'kyicon';speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:rgba(0, 0, 0, .7);font-size:.9rem;margin-top:4px}
.breadcrumb-item:first-child::before{content:"\e904";font-family:'kyicon';speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:rgba(0, 0, 0, .7);font-size:.9rem;margin-right:5px}
.breadcrumb a{color:rgba(0, 0, 0, .7);font-weight:700}
.breadcrumb a:hover{color:rgba(255, 255, 255, 0.75)}
.breadcrumb .breadcrumb-item{color:rgba(0, 0, 0, .7);font-weight:700} */
.panel-container{background-color:#fff;border-radius:20px;box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.05)}
.form-action .btn{min-width:150px;border-width:2px}
.form-action .btn + .btn{margin-left:20px}
.acc-item{box-shadow:0 0 10px 5px rgba(0, 0, 0, .07);border-radius:10px}
.acc-item + .acc-item{margin-top:10px}
.acc-item .item-header{position: relative;}
.acc-item.with-sa .item-header .title{padding-right: 90px;}
.acc-item.with-sa .item-header .form-check{position: absolute;right: 0;top: 10px;}
.acc-item .item-header .title{background-color:#fff;display:flex;align-items:flex-start;border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid #ddd}
.acc-item .item-header .title h6{padding:1.25rem .75rem;display:flex;margin-bottom:0;flex:1 1 auto}
.acc-item .item-header .title h6 i{color:#FF7300;display:block;margin-right:18px;transform:rotate(0deg);transition:all ease-in-out .15s}
.acc-item .item-header .title.collapsed{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-bottom:none}
.acc-item .item-header .title.collapsed h6 i{transform:rotate(-90deg);color:#333}
.acc-item .item-body{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:15px 15px 15px 15px}
.acc-item.none-acc .item-header .title h6 i{display: none;}
.note{width:100%}
.note .title{text-align:center;padding-bottom:15px;position:relative;color:#666;font-weight:700}
.note .title::after{content:"";position:absolute;width:60px;height:4px;border-radius:5px;background-color:#0A9048;left:50%;transform:translateX(-50%);bottom:0}
.form-ah-from .form-group:last-child{border-left:1px solid #ddd}
.sub-action{display:flex}
.dropdown-toggle::after{border-top:2px solid #999;border-left:2px solid #999;width:8px;height:8px;border-right:none;transform:rotate(-135deg);vertical-align:middle;margin-top:-5px;margin-left:8px}
.dropdown-divider{border-top-color:#c1c2c2}
/* tooltip */
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{border-bottom-color:#fff}
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{border-top-color:#fff}
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{border-left-color:#fff}
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{border-right-color:#fff}
.tooltip-inner{background-color:#fff;box-shadow:0 0 15px 5px rgba(0, 0, 0, .07);color:#000}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{border-top-color:#fff}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{border-bottom-color:#fff}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-left .tooltip-arrow::before{border-left-color:#fff}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-right .tooltip-arrow::before{border-right-color:#fff}
.related-link-list{list-style:none;padding:0}
.related-link-list >li{margin-bottom:10px}
.related-link-list >li a{display:block;transition:all ease-in-out .15s}
.related-link-list >li a:hover{transform:scale(1.1)}
.related-link-list >li a:hover .img{box-shadow:0 0 10px 5px rgba(61, 99, 80, 0.2)}
.related-link-list >li a p{text-align:center;color:#767c79;margin-bottom:10px;transition:all ease-in-out .15s}
.related-link-list >li a:hover p{color:#21b9a1}
@media (min-width:1024px){

}
@media (min-width:1280px){

}
@media (max-width:1365px){

}
@media (max-width:1023px){
.page-title{display:block}
}
@media (max-width:991px){
.page-title .right-func{padding-top:10px}
.page-title .right-func .form-col{flex:1 1 auto}
.with-tb-search.page-title{padding-right:15px;padding-bottom:60px}
}
@media (max-width:768px){
/* content */
.wrapper{height:auto}
.syslogo-pic{margin-top:50px;transform:none}
.content-frame{padding:0 15px}
.page-action>div.col{display:block;white-space:normal}
.pagination-frame .page-control{width:calc(100% - 68px);text-align:center}
.pagination-frame .pagination{display:none}
.pagination-frame div.pagenav-lx{display:none}
}
@media (max-width:767px){

}
@media (max-width:576px){
.content-wrapper{margin-left:0;width:100%}
.open .content-wrapper{width:100%;margin:0}
}
/* -------------------other style-------------------- */
/* login page */
body.login{background-image:url(../img/bg-01.jpg);background-size:cover;background-position:center}
.login-panel .login-form form label{color:#B3C33E}
/* title */
.form-applicant-header{display:flex;border-bottom:1px solid #ddd;padding-bottom:10px}
.form-applicant-header p{margin-bottom:0;font-size:1.15rem}
.form-applicant-header .title{display:flex;align-items:flex-end;padding-left:0}
.form-applicant-header .title i{font-size:2.5rem;color:#cad0cc;margin-right:15px}
.form-applicant-header .item h6{color:#999}
.form-applicant-header .item p{font-size:1.15rem}
/* content */
.bottom-cpanel{position:fixed;bottom:0;left:50px;width:calc(100% - 50px);box-shadow:0 0 40px 30px rgba(0,0,0,.1);z-index:100}
.open .bottom-cpanel{left:250px;width:calc(100% - 250px)}
.bottom-cpanel .btn-bcp-toggle{position:absolute;left:50%;top:-35px;transform:translateX(-50%);color:#5C7899;border:none;background-color:transparent;height:35px;width:134px;background-image:url(../img/btn-bg-01.png);background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;align-items:center}
.bottom-cpanel .btn-bcp-toggle i{color:#FF6733;font-size:.7rem;margin-left:10px;display:block}
.bottom-cpanel .inner-content{background-color:#fff;height:0;overflow:hidden;padding:0 .75rem}
.bottom-cpanel.open .btn-bcp-toggle i{transform:rotate(180deg)}
.bottom-cpanel.open .inner-content{height:auto}
.confirm-tag{position:relative;padding-left:15px}
.confirm-tag::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;left:0;top:7px;background-color:#00C12B}
.confirm-tag.reject::before{background-color:#FD0E47}
.form-two-col{border-bottom:1px solid #ddd}
.form-two-col .l-col{padding-left:2.5rem;padding-right:1rem}
.form-two-col .r-col{background-color:#F5F5F5;max-height:650px;position:relative}
.form-two-col .r-col::before{content:"";position:absolute;width:21px;height:39px;background-image:url(../img/deco-01.png);background-repeat:no-repeat;background-size:contain;background-position:center;left:0;top:20px}
.status-tag{display:inline-flex;width:20px;height:20px;position:relative;align-items:center;justify-content:center}
.status-tag::before{content:"";width:20px;height:20px;border-radius:50%;border:3px solid #00C12B;display:block}
.status-tag.s2::before{content:"\e909";font-family:'kyicon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;border-radius:0;color:#FD0E47}
.s-tag{background-color:#c4c4c4;color:#fff;border-radius:50px;padding:.375rem .75rem;white-space:nowrap}
.s-tag.s-orange{background-color:#FF7300}
.s-tag.s-green{background-color:#2a9441}
.s-tag.s-darkgrey{background-color:#606064}
.s-tag.s-red{background-color:#FD0E47}
.s-tag.s-blue{background-color:#0e91fd}
.codePanel .CodeMirror{border-radius:6px;height:400px}
.accordion-list-container{margin-top:20px}
.accl-header{padding-left:calc(.75rem + 35px);padding-bottom:15px;padding-right:25px;color:#666;font-size:.9rem}
.accl-head-info{display:flex}
.accl-head-info .ahi-left{flex:1 1 auto}
.accl-head-info .ahi-right .stock{text-align:center;width:50px}
.accl-head-info .ahi-right .stock.low{background-color:#FD0E47;color:#fff;border-radius:10px}
.accl-head-info .ahi-right .unit{text-align:center;width:60px}
.accl-head-info .ahi-right{display:flex}
.accl-header.l2{color:#000;padding-left:calc(.75rem + 35px - 15px);padding-right:10px;line-height:1.5;padding-top:5px;padding-bottom:5px;font-size:1rem}
.accl-header.l2 .accl-head-info .ahi-right .stock{display:flex;align-items:center;justify-content:center;height:32px;margin-top:-4px}
.accl-header.l2 .text-col{border-bottom:1px solid #ddd;padding-top:6px;padding-bottom:6px}
.accl-header.l2:last-child .text-col{border-bottom:none}
.h-right{display:flex;padding:.5rem .5rem;align-items:center}
.h-right .stock{display:flex;align-items:center}
.h-right .stock label{color:#666;margin:0;font-size:.9rem;margin-right:10px}
.h-right .stock span{display:flex;justify-content:center;align-items:center;min-width:53px;height:40px;border-radius:50px;background-color:#f2f2f2;font-size:1.25rem}
.h-right .stock span.low{background-color:#FD0E47;color:#fff}
.h-right .unit{text-align:center;width:60px}
[data-toggle="check-sinput"]{flex-wrap:nowrap}
[data-toggle="check-sinput"] .input-group-append{display:none}
[data-toggle="check-sinput"] .input-group-append.show{display:flex}
.input-group-append .btn-text-grey{font-size:1.25rem;padding:6px .5rem;line-height:0}
.goods-item{position:relative;padding:10px}
.goods-item input:hover{cursor:pointer}
.goods-item .pic{text-align:center;padding:15px 10px}
.goods-item .pic img{max-width:150px}
.goods-item .text{display:flex;justify-content:space-between}
.goods-item .text h6{color:#333}
.goods-item .text p{margin:0;background-color:#EEFBF3;color:#258340;padding:.3rem .5rem;border-radius:30px;font-size:.9rem}
.goods-item input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:2}
.goods-item input ~ .checkmark{position:absolute;left:0;top:0;height:100%;width:100%;border:3px solid #00C12B;border-radius:10px;opacity:0}
.goods-item input:checked ~ .checkmark{opacity:1}
.check-opinion{background-color:#EEFBF3}
/* user data */
.userdata-card{padding:20px 0;margin-bottom:30px}
.userdata-card h5{width:100%}
.userdata-card .pic{border-radius:20px;overflow:hidden;width:100%;margin-bottom:30px}
.userdata-card .pic img{width:100%}
.u-contact-maintain{background-color:#f2f2f2;padding:.75rem}
.u-contact-maintain .data{padding-right:10px;flex:1 1 auto}
.u-contact-maintain .uc-item{display:flex;background-color:#fff;border-radius:12px;padding:10px}
.u-contact-maintain .uc-item .action{padding-left:10px;display:flex;align-items:center;border-left:1px solid rgb(236, 236, 236)}
.u-contact-maintain .uc-item + .uc-item{margin-top:10px}
/* pdf */
.pdf-container{width:100%;border-radius:12px;padding:10px;background-color:#f2f2f2}
.pdf-container .canvas-container{width:100%;height:500px;overflow:auto;border:1px solid #ddd;border-radius:6px;text-align:center;padding:15px}
.pdf-container .pdf-navigation{display:flex;list-style:none;padding-bottom:10px;justify-content:space-between}
.pdf-container .pdf-navigation .navigation-page{display:flex;align-items:center}
.pdf-container .pdf-navigation .navigation-page input{width:40px;border-radius:0;border:none;border-bottom:2px solid #333;text-align:center}
.pdf-container .pdf-navigation .navigation-zoom{display:flex}
.pdf-container .pdf-navigation .navigation-zoom .btn{background-color:#d9d9d9;color:#fff;border-radius:0;margin-right:3px;padding:.15rem .75rem;line-height:1}
.pdf-container .pdf-navigation .navigation-zoom .btn:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}
.pdf-container .pdf-navigation .navigation-zoom .btn:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}
/* calendar */
.calendar-body{padding:5px;border:1px solid #ddd;border-radius:6px}
.fc .fc-toolbar.fc-header-toolbar{margin-bottom:10px}
.fc-toolbar-chunk > div{display:flex;align-items:center}
.fc .fc-button{padding:.1rem .2rem}
.fc .fc-toolbar-title{font-size:1rem}
/* org tree */
/* jqtree */
ul.jqtree-tree .jqtree-toggler{width:30px;height:30px;display:inline-block;background-color:#777;color:#fff;text-align:center;line-height:1;font-size:1.5rem;border-radius: 8px;}
ul.jqtree-tree .jqtree-toggler:hover{color:#fff;background-color:#666}
ul.jqtree-tree li.jqtree-folder#root001{background-image:none}
ul.jqtree-tree .jqtree-element .check-box{display:inline-block;vertical-align:middle}
ul.jqtree-tree .jqtree-element .check-box input[type=checkbox] + label{margin-bottom:0}
ul.jqtree-tree .jqtree-toggler.jqtree-closed{background-color:#000}
ul.jqtree-tree .jqtree-title{margin-left:0}
.org-tree{display:inline-block;width:100%;border: 1px solid #ddd;border-radius: 12px;}
.org-tree ul.jqtree-tree .jqtree-element{padding:10px 15px 10px 0px;line-height:18px}
.org-tree ul.jqtree-tree .jqtree-element .dashed{display:block;position:absolute;right:0;top:0;height:100%;border:1px dashed #ddd;z-index:-1;box-sizing:border-box/* background-image: url('../img/icon/btn_icon_drag_01.png'); background-repeat: no-repeat; background-position: 15px 15px; */}
.org-tree ul.jqtree-tree .jqtree-element .dashed.off{background-color:#EEEEEE}
.org-tree ul.jqtree-tree .jqtree-element .dashed.unsave,.org-tree ul.jqtree-tree .jqtree-element .dashed.off.unsave{background-color:#FFFFCD}
.org-tree ul.jqtree-tree .jqtree-element:hover > .dashed{border-color:#000;border-left:1px solid #000;background-image:url('../img/tree_dash_bg_01.jpg');background-repeat:repeat-y;position:0 0}
.org-tree ul.jqtree-tree .jqtree-element .jqtree-title { display: none; }
.org-tree ul.jqtree-tree .jqtree-element .function-block{display:inline-block;float:right}
ul.jqtree-tree li.jqtree-folder#root001{background-image:none}
ul li.jqtree_common{padding:0 0 2px 20px;margin:0 0 0 3px;min-height:19px;text-overflow:ellipsis;list-style-type:none;background-image:url(../plugins/jqtree/treeview-default-line-02.png);background-repeat:no-repeat;background-position:-14px -7px;position:relative}
.org-tree ul li.jqtree_common{padding-bottom:0;margin-bottom:0;background-position:-14px -6px}
.org-tree ul.jqtree_common li ul.jqtree_common li:last-child{background-position:-14px -1740px}
.org-tree ul.jqtree-tree .jqtree-element .function-block button{border:none;background-color:transparent;padding:0;vertical-align:middle;margin-right:5px}
ul.jqtree-tree li.jqtree-selected > .jqtree-element,ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover{background-color:#aababd;background:#aababd;text-shadow:none;padding-left:10px}
ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title{
   outline: dashed 1px rgb(61, 95, 161);
}
ul.jqtree-tree li.jqtree-ghost span.jqtree-circle{border:solid 2px rgb(61, 95, 161);-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;height:8px;width:8px;position:absolute;top:-4px;left:-6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ul.jqtree-tree li.jqtree-ghost span.jqtree-line{background-color:rgb(61, 95, 161);height:2px;padding:0;position:absolute;top:-1px;left:2px;width:100%}
ul.jqtree-tree span.jqtree-border{position:absolute;display:block;left:-2px;top:0;border:solid 2px rgb(61, 95, 161);border-radius:6px;margin:0;box-sizing:content-box}
ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title{outline:dashed 1px rgb(61, 95, 161);}