.button{width:100px;height:1.5em;color:#fff;background-color:#1e90ff;white-space:nowrap;text-decoration:none;padding:10px 20px;margin:20px 0;text-align:center;border-radius:5px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;overflow:hidden;transition:background-color .25s;position:relative}.button:hover{transform:scale(1);box-shadow:inset 0 0 10px 1px rgba(0,0,0,.7)}.button:active{transform:scale(.95);border:1px solid #000}.button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,#ccc 100%,transparent 100.1%);transform:scale(1);opacity:0;transition:all 1s}.button:active:after{transform:scale(0);opacity:.5;transition:0s}.buttonOppo{border:1px solid #adff2f;width:100px;height:1.5em;color:#000;background-color:#faebd7;white-space:nowrap;text-decoration:none;padding:10px 20px;margin:20px 0;text-align:center;border-radius:5px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.1s}.buttonOppo:hover{transform:scale(1.05);border:1px solid green}.buttonOppo:active{transform:scale(1);box-shadow:inset 0 0 10px 1px rgba(0,0,0,.7)}.sandboxDiv{overflow:auto;width:95%;height:95%}.divTable.isMobile{width:1000px}.divTable{width:100%}#app,body,html{height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#layout{position:relative;overflow:hidden;display:grid;grid-template-rows:64px 1fr;grid-template-columns:200px 1fr;grid-template-areas:"nav nav" "sidebar content";height:100vh;width:100vw;transition:all .2s ease-in-out}#nav{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;grid-area:nav;border-bottom:1px solid #ccc}#nav #logo{margin:5px;background-image:url(https://storage.googleapis.com/static.greenshepherd.com.tw/static/images/logo-2021-c.png);height:55px;width:55px;background-size:55px 55px;border-radius:5px;cursor:pointer;float:left}#nav .title{float:left;font-size:31px;font-weight:900;line-height:65px}#nav .menus{display:flex;flex-direction:row;justify-content:flex-end;margin-right:15px}#nav .menus .mainMenuItem{margin-top:10px;width:70px;height:42px;line-height:45px;font-weight:600;border-radius:5px;color:#0d3666;cursor:pointer;float:left;font-size:22px}#nav .menus .mainMenuItem:hover{color:#f3993a}#nav .menus .mainMenuItem.active{background:#0d3666;color:#fff;border-radius:5px;width:70px}#content{grid-area:content;overflow:hidden;margin:0!important;padding:0;min-height:280px;position:relative}#content>div{overflow:auto;padding:10px;width:100%;height:100%}#content>div#page2Full,#content>div#page4Full{margin:-15px}#content ::-webkit-scrollbar{width:5px;height:8px;background-color:#f5f7f9}#content ::-webkit-scrollbar-thumb{background:#a9aaab}#content ::-webkit-scrollbar-thumb:hover{background:#0d3666}#sidebar{grid-area:sidebar;background:#fff;min-width:200px;max-width:200px}#sidebar .ivu-layout-sider-children{position:fixed;width:200px;border-right:1px solid #e3e3d3}.ivu-layout-header,.ivu-menu-light{background:#fff!important;border-bottom:1px solid #eee}.layout-logo{width:75px;height:64px;position:relative;background:#d5dfe9!important;top:0;left:0;right:0;overflow:hidden}.layout-logo span{font-size:15px;font-weight:900;color:#333;line-height:60px}.layout-logo img{float:left;width:55px;height:55px;border-radius:3px}.ivu-layout-header{padding:0 15px!important}.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item{padding:0 5px!important}.ivu-list-item{padding-left:18px!important;cursor:pointer}.ivu-list-item.active{color:#f3993a}.ivu-list-item.disabled{color:#ccc;cursor:default}.ivu-list-item.disabled:hover{color:#ccc}.ivu-menu-horizontal.ivu-menu-light:after{background:transparent!important}.ivu-menu-vertical .ivu-menu-item,.ivu-menu-vertical .ivu-menu-submenu-title{padding:6px 8px!important}.ivu-breadcrumb-item-link{color:#aaa!important}.fieldSelectorButton{border:1px solid #fff;padding:0 0 0 10px;background:#fff;height:40px;margin:2px 2px 0 8px;font-weight:900;width:190px;overflow:hidden;text-overflow:ellipsis;text-align:left}.fieldSelectorButton:hover{border:1px solid #ddd;background:#efefef}.fieldSelectorBox{position:fixed;top:48px;left:70px;background:#fff;border:1px solid #999;border-radius:3px;z-index:9999999;box-shadow:0 1px 2px 0 rgba(60,64,11,.384),0 2px 6px 2px rgba(60,64,11,.259)}.fieldSelectorBox input{width:100%;height:40px;border:none;border-bottom:1px solid #ccc;padding:5px 15px;outline:none;border-radius:0}.fieldSelector{width:720px;height:420px;display:flex}.fieldSelector .entityPanel{background-color:#fff;border-right:1px solid #dadce0;display:inline-block;position:relative;width:192px}.fieldSelector .entityPanel h3{border-bottom:1px solid #dadce0;color:#5f6368;font:400 12px/16px Roboto,Helvetica,Arial,sans-serif;font-weight:500;letter-spacing:.3px;padding:12px 12px 12px 24px;text-align:left}.fieldSelector .entityPanel ul{overflow-y:auto;height:calc(100% - 41px);overflow-x:hidden}.fieldSelector .entityPanel ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:padding-box;border:solid transparent;border-width:1px 1px 1px 6px;min-height:28px;padding:100px 0 0;box-shadow:inset 1px 1px 0 #000,inset 0 -1px 0 #000}.fieldSelector .entityPanel li{border:1px solid transparent;color:#202124;cursor:pointer;font:400 14px/20px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.2px;overflow:hidden;min-height:36px;text-align:left;padding:5px 6px 5px 24px}.fieldSelector .entityPanel li.active,.fieldSelector .entityPanel li:hover{background-color:#f1f3f4;font-weight:500}.fieldSelector .entityPanel li.hr{min-height:.3px!important;height:1px;background:#eee;padding:0;border-bottom:none!important}.fieldSelector .fieldSelectorActive{flex-grow:1}.subMenuSelectorMask{position:absolute}.fieldSelectorMask,.subMenuSelectorMask{top:0;left:0;right:0;bottom:0;background:hsla(0,0%,60%,.6);z-index:9999}.fieldSelectorMask{position:fixed}.badge-alone{background:#f5f7f9!important;color:#222!important;border:1px solid #222}#page2Full{height:calc(100% + 15px);display:grid;grid-template:"pageTitle" "pageDetail";grid-template-rows:51px 100%;grid-template-columns:auto;margin:-15px -10px 0 -10px}#page2Full .pageTitle{grid-area:pageTitle;border-bottom:1px solid #ccc;background:#fff;text-align:left;padding:10px;font-size:18px;line-height:36px;font-weight:600}#page2Full .pageDetail{grid-area:pageDetail;padding:5px 15px 5px 10px;height:calc(100vh - 115px);overflow:auto}#page4Full{height:calc(100% + 15px);display:grid;grid-template:"listTitle detailTitle" "listBox detailBox";grid-template-rows:51px 100%;grid-template-columns:420px auto;margin:-15px -10px 0 -10px}#page4Full .listTitle{grid-area:listTitle}#page4Full .detailTitle,#page4Full .listTitle{border-bottom:1px solid #ccc;background:#fff;text-align:left;padding:10px;font-size:18px;line-height:36px;font-weight:600}#page4Full .detailTitle{grid-area:detailTitle;border-left:1px solid #efefef}#page4Full .listBox{grid-area:listBox;padding:10px 5px 10px 8px;overflow:scroll;height:calc(100vh - 115px);overflow-x:hidden}#page4Full .detailBox{grid-area:detailBox;overflow:scroll;height:calc(100vh - 110px);padding:15px;overflow-x:hidden;border-left:1px solid #efefef}#layout.loginPage{grid-template-columns:0 1fr}#layout.loginPage #content{width:100%}#layout.isMobile{grid-template-columns:0 1fr;grid-template-rows:42px 1fr}#layout.isMobile.openSidebar{grid-template-columns:200px 1fr}#layout.isMobile.openSidebar #content{width:calc(100% + 200px)}#layout.isMobile #nav{height:42px}#layout.isMobile #nav #logo{margin:2px 5px;height:38px;width:38px;background-size:38px 38px}#layout.isMobile #nav .menus .mainMenuItem{margin-top:4px;width:70px;height:32px;line-height:35px;font-size:16px}#layout.isMobile #content{height:calc(100vh - 43px);overflow:auto}#layout.isMobile .fieldSelectorBox{position:fixed;top:10vh;left:10vw}#layout.isMobile .fieldSelectorBox .fieldSelector{width:80vw;height:80vh;display:flex}#layout.isMobile .fieldSelectorBox .fieldSelector .selectorArea1,#layout.isMobile .fieldSelectorBox .fieldSelector .selectorArea2{display:none}#layout.isMobile .apps{top:34px;right:26px;font-size:22px;line-height:40px;margin:0 15px}.apps{font-size:38px;line-height:60px;cursor:pointer;top:14px;right:62px;float:right;margin:0 15px}.apps:hover{color:#f3993a}.appsMask{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,91%,.6);z-index:999999}.appsBox{position:fixed;top:66px;right:42px;height:360px;width:325px;background:hsla(0,0%,60%,.4);border:10px solid hsla(0,0%,67%,.02);padding-right:2px;border-top-width:12px;border-bottom-width:12px;border-left-width:12px;border-radius:6px;z-index:9999999;overflow-y:auto;overflow-x:hidden}.appsBox::-webkit-scrollbar{width:2px;height:8px;background-color:transparent}.appsBox::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2)}.appsBox::-webkit-scrollbar-thumb:hover{background:#0d3666}.appsBox ul{width:300px;background:#0e4676;border-radius:8px;display:flex;flex-wrap:wrap;margin-top:8px;margin-right:5px}.appsBox li{padding:5px;list-style-type:none;cursor:pointer;width:100px;height:90px;overflow:hidden}.appsBox li img{height:50px;border:none;max-width:100%}.appsBox li:hover a{color:#96c800}.appsBox li a{color:#bbb;font-size:16px;line-height:25px;display:block}.appsBox .accounts{width:300px;color:#bbb;text-align:right;line-height:51px;margin-right:0;background:#0e4676;border-radius:5px;padding:0;height:50px}.appsBox .accounts a:hover{color:#96c800!important}.appsBox .accounts .userInfo{color:#bbb;text-align:left;display:inline-block;float:left;margin-left:5px;height:55px;width:110px;overflow:hidden}.appsBox .accounts .userInfo .ivu-avatar-image{border:2px solid #fff}.appsBox .accounts .accountBtn,.appsBox .accounts .logoutBtn{height:55px;font-size:16px;padding:0 8px;margin-right:2px;overflow:hidden;float:left;width:80px;color:#bbb}