body{font: 16px / 20px "Microsoft JhengHei",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";margin:0;padding:0;} [v-cloak]{display:none} /* bg */ @-webkit-keyframes rotate { 0%{transform:translate(-50%,0) rotateZ(0deg)} 50%{transform:translate(-50%,-2%) rotateZ(180deg)} 100%{transform:translate(-50%,0%) rotateZ(360deg)} } @keyframes rotate { 0%{transform:translate(-50%,0) rotateZ(0deg)} 50%{transform:translate(-50%,-2%) rotateZ(180deg)} 100%{transform:translate(-50%,0%) rotateZ(360deg)} } /* language switch */ .langangle{position:absolute;top:0;right:0;display:block;z-index:3;cursor:pointer} .langangle > span{position:absolute;top:0;right:0} .langangle > span::before{content:'';background:url(/image/iconpic/country/taiwan.png) 0 0 no-repeat;width:29px;height:30px;display:block;position:absolute;top:5px;right:0} html:lang(zh-CN) .langangle > span::before{background:url(/image/iconpic/country/china.png) 0 0 no-repeat} html:lang(en-US) .langangle > span::before{background:url(/image/iconpic/country/america.png) 0 0 no-repeat} html:lang(ja) .langangle > span::before{background:url(/image/iconpic/country/japan.png) 0 0 no-repeat} html:lang(th) .langangle > span::before{background:url(/image/iconpic/country/thailand.png) 0 0 no-repeat} html:lang(ko) .langangle > span::before{background:url(/image/iconpic/country/korea.png) 0 0 no-repeat} html:lang(vi) .langangle > span::before{background:url(/image/iconpic/country/vietnam.png) 0 0 no-repeat} html:lang(ms) .langangle > span::before{background:url(/image/iconpic/country/malaysia.png) 0 0 no-repeat} .langangle{position:absolute;transition:all .2s ease;top:0;right:0;z-index:111;width:47px;height:38px} .langangle:after{content:'';position:absolute;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,#fff 0,#b3b3b3) 100% 0 no-repeat;width:1.73em;height:3em;transform:translateY(-1.3em) rotate(-30deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,.15);-webkit-border-bottom-left-radius:9px;-moz-border-radius-bottomleft:9px;border-bottom-left-radius:9px;transition:all .2s ease} .langangle:hover{position:absolute;top:0;right:0;z-index:111;transition:all .2s ease;z-index:1566;width:73px;height:60px} .langangle:hover:after{content:'';position:absolute;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,#fff 0,#bcbcbc) 100% 0 no-repeat;width:2.6em;height:4.5em;transform:translateY(-1.7em) rotate(-27.5deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,.15);transition:all .2s ease;-webkit-border-bottom-left-radius:9px;-moz-border-radius-bottomleft:9px;border-bottom-left-radius:9px} .langangle:before{content:'';position:absolute;top:0;right:0;background:linear-gradient(to right top,#ffffff00 50%,#adadad 0,#ffffff00) 100% 0 no-repeat;width:3em;height:1.73em;transform:translateY(0em) rotate(0deg);transform-origin:top right;border-top-right-radius:inherit;transition:all .2s ease;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px} .langangle:hover:before{content:'';position:absolute;top:0;right:0;background:linear-gradient(to right top,transparent 50%,#cecece 0,#fff) 100% 0 no-repeat;width:4.5em;height:2.8em;transform:translateY(0em) rotate(0deg);transform-origin:bottom right;border-top-right-radius:inherit;transition:all .2s ease;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px} /* info_box */ .info_box{position:absolute;height:0;cursor:pointer;display:block;opacity:0;transition:opacity 0.3s ease-in-out 0.2s, height 0.3s ease-in-out;color:#de0000;font-size:12px;line-height:20px;min-width:50px;width:auto;max-width:none;padding:10px 10px 10px 40px;border:1px solid #cecece;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;top:42px;position:absolute;z-index:2;left:20px;-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.4);-moz-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.4);box-shadow:2px 2px 3px 0 rgba(0,0,0,0.4);background:#fff url(data:image/png;base64,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) 10px 10px no-repeat;text-align:left;white-space: nowrap; min-height:57px;} @media only screen and (max-width: 479px) { .info_box{width:auto} } .info_box::before{content:"";width:0;height:0;display:block;border-style:solid;border-width:0 7px 7px;border-color:transparent transparent #cecece;position:absolute;top:-6px;left:10px} .info_box::after{content:"";width:0;height:0;display:block;border-style:solid;border-width:0 6px 6px;border-color:transparent transparent #fff;position:absolute;top:-5px;left:11px} .info_box > span::before{content:"請符合要求的格式。";color:#000;font-size:16px;line-height:20px;display:block;text-align:left} .info_box > span[data-alert]::before{content:attr(data-alert)} html:lang(zh-CN) .info_box > span::before{content:"请符合要求的格式"} html:lang(en-US) .info_box > span::before{content:"Please match the requested format"} html:lang(ja) .info_box > span::before{content:"要求された形式と一致してください。"} html:lang(th) .info_box > span::before{content:"กรุณาตรงตามรูปแบบที่กำหนด"} html:lang(ko) .info_box > span::before{content:"요구된 형식과 일치해 주세요."} html:lang(vi) .info_box > span::before{content:"Vui lòng phù hợp với định dạng yêu cầu."} .info_box > span > span{position:absolute;top:36px;left:0;} .info_box > span > span::after{content:attr(data-counter);color:#dedede;font-size:12px;line-height:40px;display:block;position:absolute;top:0;left:0;width:40px;text-align:center} span[data-plh]::after{content:attr(data-plh)} @keyframes shake { 0%{left:-5px;} 33%{left:5px;} 66%{left:-5px;} 100%{left:0px;} } .info_box svg{position:absolute;top:0;left:0;width:40px;height:40px;transform:rotateY(-180deg) rotateZ(-90deg)} .info_box svg circle {stroke-dasharray: 113px;stroke-dashoffset: 0;stroke-linecap: round;stroke-width: 2px;stroke: #ffebb5;fill: none;transition: stroke-dashoffset 0.5s ease-out;} /* ripple */ [data-button]{overflow:hidden;position:relative;} .ripple{position:absolute;top:0;left:0;width:100%;height:100%;} .ripple::after{content:"";position:absolute;display:block;background:-moz-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1);width:0;height:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:1;transition:.4s;animation:ripple 2s;z-index:0} @-webkit-keyframes ripple { from {opacity:0.5;width:0px;height:0px;display:block;left:0;top:0} to {opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px;} } @-moz-keyframes ripple { from {opacity:0.5;width:0px;height:0px;display:block;left:0;top:0} to {opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px;} } @-o-keyframes ripple { from {opacity:0.5;width:0px;height:0px;display:block;left:0;top:0} to {opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px;} } @keyframes ripple { from {opacity:0.5;width:0px;height:0px;display:block;left:0;top:0} to {opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px;} } /* loading */ .miniloginbox{text-align:center;width:100%;border:1px solid #C2C2C2;padding:1px;height:8px;margin-right:auto;margin-left:auto;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;top:15px;position:relative} .miniloginbar{width:0;background-color:#0CF;background-repeat:repeat-x;background-position:0 0;background-size:16px 8px;background-image:-webkit-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent);background-image:-moz-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent);background-image:-o-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent);background-image:linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent);-webkit-animation:pb .8s infinite;-webkit-animation-timing-function:linear;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:absolute;height:8px} [data-loading="true"] .miniloginbar{transition:width 0.3s ease-in-out;} .loading {width:240px;height:70px;position:absolute;margin:-45px 0 0 -130px;padding:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;top:50%;left:50%;color:#686868;text-align:left;vertical-align:middle;font-size:16px;line-height:30px;box-shadow:0 0 12px rgba(0,0,0,.12);border:2px solid rgba(227,227,227, 1);} .loading .msg::after{color:#686868;display:block;font-size:12px;line-height:15px;} #loadlang{display:none;} .loading .msg::after { content: "載入中..."; } html:lang(zh-cn) .loading .msg::after { content: "载入中..."; } html:lang(en-us) .loading .msg::after { content: "Loading..."; } html:lang(ja) .loading .msg::after { content: "読み込み中..."; } html:lang(th) .loading .msg::after { content: "กำลังโหลด..."; } html:lang(ko) .loading .msg::after { content: "로딩 중..."; } html:lang(vi) .loading .msg::after { content: "Đang tải..."; } @-webkit-keyframes pb_big { 0%{background-position:-54px 0} 100%{background-position:0 0} } @-webkit-keyframes pb { 0%{background-position:-16px 0} 100%{background-position:0 0} } .icon_32photo{font-size:24px;text-decoration:none;border:0!important;width:32px;height:32px;text-align:center;line-height:32px;display:inline-block;margin:auto;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative} .icon_50photo{font-size:36px;text-decoration:none;border:0!important;width:50px;height:50px;text-align:center;line-height:50px;display:inline-block;margin:auto;color:#fff;position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} #minilogin .icon_32photo{font-size:36px;text-decoration:none;border:0!important;width:50px;height:50px;text-align:center;line-height:50px;display:inline-block;margin:auto;color:#fff;position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .info_{background:#397dd4} .info_a{background:#BF242A} .info_b{background:#FF4777} .info_c{background:#f0c} .info_d{background:#bb74e4} .info_e{background:#7b57d4} .info_f{background:#177CB0} .info_g{background:#007aff} .info_h{background:#00c2ff} .info_i{background:#3DE1AD} .info_j{background:#48C0A3} .info_k{background:#00BC12} .info_l{background:#9ED900} .info_m{background:#afaf00} .info_n{background:#FFB61E} .info_o{background:#ffd600} .info_p{background:#f60} .info_q{background:#CA6924} .info_r{background:#E02D00} .info_s{background:#B35C44} .info_t{background:#A88462} .info_u{background:#C89B40} .info_v{background:#60281E} .info_w{background:#B25D25} .info_x{background:#827100} .info_y{background:#7C4B00} .info_z{background:#9B4400} .info_1{background:#E06300} .info_2{background:#E02D00} .info_3{background:#FF4777} .info_4{background:#50616D} .info_5{background:#1685A9} .info_6{background:#96CE54} .info_7{background:#E9BB1D} .info_8{background:#9D2933} .info_9{background:#845A33} .info_0{background:#16A951} .btn_logout::before,input[type="button"].btn_logout::before{content:"";background-image:url(../image/iconpic/login.svg),none;background-size:contain;width:20px;height:20px;display:inline-block;margin-right:5px;vertical-align:top} a[data-button="flatbutton_logout"]::after{content:"登出"} html:lang(zh-cn) a[flatdata-button="button_logout"]::after{content:"登出"} html:lang(en-us) a[flatdata-button="button_logout"]::after{content:"Logout"} html:lang(ja) a[data-button="flatbutton_logout"]::after{content:"ログアウト"} html:lang(th) a[data-button="flatbutton_logout"]::after{content:"ออกจากระบบ"} a[data-button^="flatbutton_"]{cursor:pointer;font-size:12px;line-height:15px;font-weight:400;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #469df5;padding:4px 6px;text-decoration:none;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#79bbff),color-stop(100%,#4197ee));background:-moz-linear-gradient(center top,#79bbff 5%,#4197ee 100%);background:-ms-linear-gradient(top,#79bbff 5%,#4197ee 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff',endColorstr='#4197ee');background-color:#79bbff;color:#fff;display:inline-block;margin:3px;position:relative} a[data-button^="flatbutton_"]{overflow:hidden} a[data-button="flatbutton_logout"].btn_logout{position:relative;width:100%;display:inline-block;height:23px;line-height:20px;vertical-align:top;padding:4px 6px;font-size:16px;-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999;cursor:pointer;margin:0;color:#fff;border:1px solid #007ccc;border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-align:center;background:-moz-linear-gradient(top,#00CAFF,#009BFF);background:-webkit-gradient(linear,left top,left bottom,from(#00CAFF),to(#009BFF));background:-ms-linear-gradient(top,#0cF 5%,#09F 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CAFF',endColorstr='#009BFF')} a[data-button="flatbutton_logout"].btn_logout:hover{outline:0;background:-moz-linear-gradient(top,#4ddaff,#009bff);background:-webkit-gradient(linear,left top,left bottom,from(#4ddaff),to(#009bff));background:-ms-linear-gradient(top,#09f 5%,#0cf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ddaff',endColorstr='#009bff')} a[data-button="flatbutton_logout"].btn_logout:active{background:-moz-linear-gradient(top,#358fe2,#6acff9);background:-webkit-gradient(linear,left top,left bottom,from(#358fe2),to(#6acff9));background:-ms-linear-gradient(top,#358fe2 5%,#6acff9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#358fe2',endColorstr='#6acff9');box-shadow:inset 0 0 6px #999;-moz-box-shadow:inset 0 0 6px #999;-webkit-box-shadow:inset 0 0 6px #999} li:hover > div > .shine,div.hittle:hover > .shine,a[data-button^="button_"]:hover .shine,a[data-button^="flatbutton_"]:hover .shine, a[data-button^="slimbutton_"]:hover .shine{left:66%} button:hover > .shine{left:66%} .shine{display:block;position:absolute;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);background:linear-gradient(to left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);padding:0;top:1px;left:0;height:1px;width:33%;-webkit-box-shadow:rgba(255,255,255,0.2) 0 1px 5px;-khtml-box-shadow:rgba(255,255,255,0.2) 0 1px 5px;-moz-box-shadow:rgba(255,255,255,0.2) 0 1px 5px;-o-box-shadow:rgba(255,255,255,0.2) 0 1px 5px;box-shadow:rgba(255,255,255,0.2) 0 1px 5px;-webkit-transition:all .3s ease-in-out;-khtml-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} a[data-button^="button_"],.alertify-button,.alertify-button-ok,.alertify-button-ok:focus,.alertify-button-ok:active{border:0!important;cursor:pointer;font-size:12px;line-height:15px;font-weight:400;position:relative;display:inline-block;background-color:#3bb3e0;text-decoration:none;color:#fff;padding:5px 20px;border-left:solid 1px #2ab7ec;margin-left:35px;background-image:linear-gradient(bottom,#2ca0ca 0%,#3eb8e5 100%);background-image:-o-linear-gradient(bottom,#2ca0ca 0%,#3eb8e5 100%);background-image:-moz-linear-gradient(bottom,#2ca0ca 0%,#3eb8e5 100%);background-image:-webkit-linear-gradient(bottom,#2ca0ca 0%,#3eb8e5 100%);background-image:-ms-linear-gradient(bottom,#2ca0ca 0%,#3eb8e5 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#2ca0ca),color-stop(1,#3eb8e5));-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;-webkit-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 8px 5px #999;-moz-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 8px 5px #999;-o-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 8px 5px #999;box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 8px 5px #999} a[data-button^="button_"]:hover,.alertify-button:hover,.alertify-button-ok:hover{cursor:pointer;font-size:12px;line-height:15px;font-weight:400;position:relative;display:inline-block;background-color:#3bb3e0;text-decoration:none;color:#fff;padding:5px 20px;border-left:solid 1px #2ab7ec;margin-left:35px;background-image:linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%);background-image:-o-linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%);background-image:-moz-linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%);background-image:-webkit-linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%);background-image:-ms-linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#3eb8e5),color-stop(1,#2ca0ca));-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;-webkit-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 8px 5px #999;-moz-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 8px 5px #999;-o-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 8px 5px #999;box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #156785,0 8px 5px #999} a[data-button^="button_"]:active,.alertify-button:active{top:3px;background-image:linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%);background-image:-o-linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%);background-image:-moz-linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%);background-image:-webkit-linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%);background-image:-ms-linear-gradient(bottom,#3eb8e5 0%,#2ca0ca 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#3eb8e5),color-stop(1,#2ca0ca));-webkit-box-shadow:inset 0 1px 0 #2ab7ec,0 1px 0 0 #156785,0 1px 3px #999;-moz-box-shadow:inset 0 1px 0 #2ab7ec,0 1px 0 0 #156785,0 1px 3px #999;-o-box-shadow:inset 0 1px 0 #2ab7ec,0 1px 0 0 #156785,0 1px 3px #999;box-shadow:inset 0 1px 0 #2ab7ec,0 1px 0 0 #156785,0 1px 3px #999} a[data-button^="button_"]:active::before,.alertify-button:active::before{top:-3px;-webkit-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #032b3a,1px 1px 0 0 #044a64,2px 2px 0 0 #044a64,2px 5px 0 0 #044a64,6px 4px 2px #0b698b,0 8px 5px #999;-moz-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #032b3a,1px 1px 0 0 #044a64,2px 2px 0 0 #044a64,2px 5px 0 0 #044a64,6px 4px 2px #0b698b,0 8px 5px #999;-o-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #032b3a,1px 1px 0 0 #044a64,2px 2px 0 0 #044a64,2px 5px 0 0 #044a64,6px 4px 2px #0b698b,0 8px 5px #999;box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #032b3a,1px 1px 0 0 #044a64,2px 2px 0 0 #044a64,2px 5px 0 0 #044a64,6px 4px 2px #0b698b,0 8px 5px #999} a[data-button^="button_"]::before,.alertify-button::before{font:16px/28px context-menu-icons;color:gray;vertical-align:middle;text-align:center;background-color:#2561b4;width:30px;height:100%;position:absolute;display:block;padding-top:0;top:0;left:-30px;color:#fff;text-shadow:1px 1px 0 #07526e;border-right:solid 1px #07526e;background-image:linear-gradient(bottom,#0a5e7d 0%,#0e8bb8 100%);background-image:-o-linear-gradient(bottom,#0a5e7d 0%,#0e8bb8 100%);background-image:-moz-linear-gradient(bottom,#0a5e7d 0%,#0e8bb8 100%);background-image:-webkit-linear-gradient(bottom,#0a5e7d 0%,#0e8bb8 100%);background-image:-ms-linear-gradient(bottom,#0a5e7d 0%,#0e8bb8 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#0a5e7d),color-stop(1,#0e8bb8));-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;-webkit-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #032b3a,0 8px 5px #999;-moz-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #032b3a,0 8px 5px #999;-o-box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #032b3a,0 8px 5px #999;box-shadow:inset 0 1px 0 #2ab7ec,0 5px 0 0 #032b3a,0 8px 5px #999} .alertify-button.alertify-button-ok::before{content:"\4B"} .alertify-button.alertify-button-cancel::before{content:"\58"} .ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right} .ribbon span{font-size:10px;font-weight:700;color:#FFF;text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#9BC90D 0%,#79A70A 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;right:-21px} .ribbon span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #79A70A;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A} .ribbon span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #79A70A;border-bottom:3px solid transparent;border-top:3px solid #79A70A} .pannel{padding:30px 10px;position:relative;border-radius:8px;box-shadow:0 -6px 30px -10px rgba(0,0,0,0.4);position:relative;box-shadow:0 0 30px -10px rgba(0,0,0,0.4);/*background:linear-gradient(to bottom,rgba(221,221,221,0.65) 0%,rgba(255,255,255,0) 10%)*/} .angle{position:relative;background:#58a;background:linear-gradient(-150deg,transparent 1.5em,#58a 0);border-radius:.5em} .angle::before{content:'';position:absolute;z-index:1;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,rgba(0,0,0,.2) 0,rgba(0,0,0,.4)) 100% 0 no-repeat;width:1.73em;height:3em;transform:translateY(-1.3em) rotate(-30deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,.15)} .angle{padding:10px 30px 10px 20px;position:relative;background:#f7f7f7;background:linear-gradient(-150deg,transparent 1.5em,#f7f7f7 0);border-radius:.5em} .pannel > h1{position:relative;margin:-20px 0 10px;padding-right:30px;text-align:right;line-height:2em;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#fc0} .pannel > h1 > img{position:absolute;left:10px;top:0;-webkit-box-reflect:below 0 -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(0.5,rgba(255,255,255,0)),to(rgba(255,255,255,.3)))} .pannel h2{position:relative;text-align:left;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%) repeat scroll 0 0;border:1px solid #ccc;border-radius:.3em;color:#d41900;font-size:16px;font-weight:700;margin:8px 0;padding:8px 12px} .pannel h3{padding-left:15px;position:relative} .pannel h3::after{content:"";width:0;height:0;border-style:solid;border-width:8px 0 8px 10px;border-color:transparent transparent transparent red;position:absolute;top:2px;left:0} .pannel h5{margin:0 0 3px 5px;padding:3px 5px;display:inline-block;vertical-align:bottom;background:#fff;border:1px dotted #cecece;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;color:#686868} [data-guide]{position:relative;text-align:left;color:#606266;font-size:14px;margin:0 -10px 10px;padding:0 0 10px 10px;border-bottom:4px solid #f3f3f3} [data-breadcrumb]{position:relative;margin:0 -10px;top:-30px;height:98px} [data-breadcrumb] h1{position:relative;margin:0 10px 10px;padding-right:30px;padding-top:10px;text-align:right;line-height:2em;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#fc0} [data-breadcrumb] h1 > img{position: absolute;left: 10px;top: 10px;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));} [data-breadcrumb] h1 > img:nth-child(2):hover{ animation: ping 1s cubic-bezier(0,0,.2,1) infinite; } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } [data-breadcrumb] [data-guide]{margin:0 0 10px 0;} [data-breadcrumb] ~ .quickmenu{top:38px !important;} [data-guide] li{list-style:none;display:inline-block;} [data-guide] li::after{content:"/";margin:0 5px;} [data-guide] li:last-child::after{display:none;} [data-guide] li:last-child{font-weight:700;color:#000;} /* vue 版訊息框 */ [data-panel="dialogMessage"]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1050;display:block;-webkit-overflow-scrolling:touch;outline:0;overflow-x:hidden;overflow-y:auto;margin:0 auto;padding:0;vertical-align:top;border-radius:6px!important;background:#fff;max-width:725px;width:calc(100vw - 50px);max-height:calc(100vh - 50px);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)} [data-panel="dialogMessage"] > ul{margin:auto;padding:0} [data-panel="dialogMessage"] > ul > li{list-style:none;margin:0;padding:0;display:block;position:relative;padding:15px} [data-panel="dialogMessage"] > ul > li:first-child{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:3px solid #a0a0a0} [data-panel="dialogMessage"] > ul > li:first-child::before{content:"";background:url(/Images/F2E/img/logo.svg) left center no-repeat;display:inline-block;width:115px;height:30px;background-size:contain} [data-panel="dialogMessage"] > ul > li:nth-child(2){overflow-y:auto;margin-left:80px;min-height:80px;max-height:60vh} [data-panel="dialogMessage"] > ul > li:last-child{padding:15px;text-align:right;border-top:1px solid #e5e5e5} [data-panel="dialogMessage"] a{text-decoration:none;color:#3a3a3c;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;border-radius:4px} [data-panel="dialogMessage"] a:hover{color:#333;background-color:#e6e6e6} [data-msgtype]{text-align:left} [data-msgtype="Success"]::before{content:"\f00c";color:#6A0} [data-msgtype="Success"]::after{content:"";border:3px solid #6A0} [data-msgtype="Error"]::before{content:"\f00d";color:#b20000} [data-msgtype="Error"]::after{content:"";border:3px solid #b20000} [data-msgtype="Warning"]::before{content:"\f12a";color:#b27300} [data-msgtype="Warning"]::after{content:"";border:3px solid #b27300} [data-msgtype="Information"]::before{content:"\f129";color:#00a1ff} [data-msgtype="Information"]::after{content:"";border:3px solid #00a1ff} [data-msgtype="Confirm"]::before{content:"\f128";color:#a94442} [data-msgtype="Confirm"]::after{content:"";border:3px solid #a94442} [data-msgtype="CartConfirm"]::before{content:"\f07a";color:#8bc34a} [data-msgtype="CartConfirm"]::after{content:"";border:3px solid #8bc34a} [data-msgtype="SuccessConfirm"]::before{content:"\f00c";color:#6A0} [data-msgtype="SuccessConfirm"]::after{content:"";border:3px solid #6A0} [data-msgtype="Success"]::before,[data-msgtype="Error"]::before,[data-msgtype="Confirm"]::before,[data-msgtype="CartConfirm"]::before,[data-msgtype="SuccessConfirm"]::before,[data-msgtype="Information"]::before,[data-msgtype="Warning"]::before{color:#686868;top:83px;left:20px;position:absolute;font:24px/50px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;width:50px;height:50px;display:inline-block;text-align:center;vertical-align:top;} [data-msgtype="Success"]::after,[data-msgtype="Error"]::after,[data-msgtype="Confirm"]::after,[data-msgtype="CartConfirm"]::after,[data-msgtype="SuccessConfirm"]::after,[data-msgtype="Information"]::after,[data-msgtype="Warning"]::after{border:3px solid #a2a2a2;top:83px;left:20px;position:absolute;width:50px;height:50px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;} @media screen and (max-width: 991px) { [data-panel="dialogMessage"] > ul > li:nth-child(2){margin-left:0} [data-msgtype="Success"]::before,[data-msgtype="Error"]::before,[data-msgtype="Confirm"]::before,[data-msgtype="CartConfirm"]::before,[data-msgtype="SuccessConfirm"]::before,[data-msgtype="Information"]::before,[data-msgtype="Warning"]::before{top:9px;left:auto;right:12px;z-index:1;} [data-msgtype="Success"]::after,[data-msgtype="Error"]::after,[data-msgtype="Confirm"]::after,[data-msgtype="CartConfirm"]::after,[data-msgtype="SuccessConfirm"]::after,[data-msgtype="Information"]::after,[data-msgtype="Warning"]::after{top:9px;left:auto;right:12px;} } /* vue 轉場 Loading 全版畫面 */ [data-panel="Loading"]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1049;display:block;-webkit-overflow-scrolling:touch;outline:0;overflow-x:hidden;overflow-y:auto;margin:0 auto;padding:28px;vertical-align:top;border-radius:10px!important;background:rgba(0,0,0,0.5);color:#fff;max-width:256px;width:100%;max-height:97px;cursor: wait;line-height:30px;text-align: center;} [data-panel="Loading"] img{width:30px;height:30px;margin-right:10px;} /* 分頁元件 */ [data-page="pagination"]{display:flex;list-style:none;padding:0;margin:20px auto 0 auto;align-items: center;justify-content: center;} [data-page="pagination"] li:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px} [data-page="pagination"] > li{margin:0;border:1px solid #cecece;border-right:0;padding:8px;min-width:19px;text-align:center;user-select: none;} [data-page="pagination"] > li:not(:empty){cursor:pointer;} [data-page="pagination"] > li:not(:empty):not(.active):hover{color:#23527c;background-color:#eee} [data-page="pagination"] > li:last-child{border-right:1px solid #cecece;border-top-right-radius:4px;border-bottom-right-radius:4px} [data-page="pagination"] > li.active{font-weight:700;background-color:#f3c920;color:#fff;border-color:#f3c920} [data-page="pagination"] > li.active:hover{background-color:#ffb100;color:#fff;} [data-page="pagination"] > li.active + li{border-left:1px solid #cecece} [data-page="pagination"] > li:empty::after{content:"...";cursor:default;color:#cecece;} [data-page="pagination"][data-nowpage="1"] > li:nth-child(1){cursor: not-allowed;color: #cecece;} [data-page="pagination"] > li.active + li:last-child{cursor: not-allowed;color: #cecece;} /* table */ [data-vue]{position:relative;} [data-vue] table th {border-right:1px solid #fff !important;} [data-vue] table th:last-child{border-right:1px solid #EBEEF5;} [data-vue] table thead tr th.el-table__cell{background-color:#fc0 !important;font-weight:700;color:#000 !important;padding:0;} .el-dialog .el-table th.el-table__cell{background-color:#5e8cab !important;color:#fff !important;padding-top: 0;padding-bottom: 0;} [data-vue] .el-table .sort-caret.ascending{border-bottom-color:#909399;} [data-vue] .el-table .sort-caret.descending{border-top-color:#909399;} [data-vue] .el-table .ascending .sort-caret.ascending{border-bottom-color: #f00;} [data-vue] .el-table .descending .sort-caret.descending{border-top-color: #f00;} .loading-more{text-align:center;padding:10px 0;color:#909399;background:rgba(255,255,255,0.9)} .loading-more i{margin-right:5px} .no-more{text-align:center;padding:10px 0;color:#909399;background:#f5f7fa} .page-indicators{position:absolute;left:5px;top:5px;height:calc(100% - 30px);z-index:100;overflow:hidden;} .page-indicators::before{content: "";width: 2px;position: absolute;top: 0;left: 14px;height: 600px;z-index: -1;background: linear-gradient(to bottom, rgba(243, 243, 243, 0.65) 0%, rgba(243, 243, 243, 0) 100%);} .page-indicators::after {content: "";position: absolute;bottom: 0;width: 30px;height: 100px;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);z-index: 1;} .indicator{top:0;width:30px;height:30px;border-radius:50%;background:#eee;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute} .indicator.active{background:#a3b9cf;color:#fff;position: relative;overflow: hidden;transform-origin: bottom center;} .page-number{font-size:12px} .justify-center {justify-content: center;} .flex {display: flex;} .table-card {position:relative;padding-left:0px;} .table-card.infinity {padding-left:20px;} .table-card .page-indicators{display:none;} .table-card.infinity .page-indicators{display:block;} .table-card.infinity + [data-page="pagination"]{display:none;} .el-card{border:0;} .el-dialog {max-width: 1000px !important;} .el-card__body{padding:10px 20px;} /* quickmenu */ .quickmenu{margin: 0;padding: 0;justify-content: left;display: flex;margin-left: 40px;position: absolute;top: -60px;right: 0;} .quickmenu li{margin-right:3px;padding:0;list-style:none;display:inline-block;line-height: 2;} .quickmenu li:last-child{margin-right:0;margin-left:10px;} @media screen and (max-width: 768px) { .page-indicators{display:none} .table-card {padding-left:0;} .el-card__body, .el-main{padding:10px 0 0 0;} .el-card{border:0;} } .quickmenu [data-button]{cursor:pointer;color: #FFF;display: inline-block;line-height: 1;white-space: nowrap;cursor: pointer;-webkit-appearance: none;text-align: center;box-sizing: border-box;outline: 0;margin: 0 5px 0 0;transition: .1s;font-weight: 500;padding: 12px 20px;font-size: 14px;border-radius: 4px;} .quickmenu [data-button]:last-child{margin-right:0;} .quickmenu [data-button]::before{font-weight: 900;font-family: "Font Awesome 6 Free";font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto;-webkit-font-smoothing: antialiased;} .quickmenu [data-button="query"]{background: linear-gradient(to bottom, rgba(175,175,175,1) 0%,rgba(73,80,87,1) 100%);} .quickmenu [data-button="query"]::before{content: "\f002";} .quickmenu [data-button="add"]{background: linear-gradient(to bottom, rgba(126,235,126,1) 0%, rgba(76,175,80,1) 100%);} .quickmenu [data-button="add"]::before{content: "\f055";} .quickmenu [data-button="edit"]{background: linear-gradient(to bottom, rgba(255,235,59,1) 0%, rgba(255,193,7,1) 100%);} .quickmenu [data-button="edit"]::before{content: "\f044";} .quickmenu [data-button="delete"]{background: linear-gradient(to bottom, rgba(255,135,127,1) 0%, rgba(229,57,53,1) 100%);} .quickmenu [data-button="delete"]::before{content: "\f1f8";} .el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner,.el-checkbox__inner{cursor:pointer;border:none;display:inline-block;width:20px;height:20px;vertical-align:middle;line-height:20px;position:relative;background-color:unset;border-color:unset;transition:unset} .el-checkbox__input[data-animation="true"]::after,.el-checkbox__input[data-animation="true"]::before,.el-checkbox__inner[data-animation="true"]::after,.el-checkbox__inner[data-animation="true"]::before{animation-play-state:running!important} .el-checkbox__input.is-checked .el-checkbox__inner::before{content:"\f0c8";font-family:"FontAwesome";font-size:20px;color:#ff9800;position:absolute;opacity:1;left:0;-moz-animation:bounceLivelyIn .4s both;-o-animation:bounceLivelyIn .4s both;-webkit-animation:bounceLivelyIn .4s both;animation:bounceLivelyIn .4s both;animation-play-state:paused;width:20px;height:20px} .el-checkbox__input.is-checked .el-checkbox__inner::after{content:"\f00c";position:absolute;top:0;left:0;z-index:1;font-family:"FontAwesome";font-size:12px;color:#fff;opacity:1;-moz-animation:bounceLivelyIn .4s .1s both;-o-animation:bounceLivelyIn .4s .1s both;-webkit-animation:bounceLivelyIn .4s .1s both;animation:bounceLivelyIn .4s .1s both;animation-play-state:paused;transform:none;border:none;width:20px;height:20px;text-align:center} .el-checkbox__inner:hover::before{color:rgba(81,203,238,1)} .el-checkbox__inner::before{content:"\f096";font-family:"FontAwesome";font-size:20px;color:#999;text-align:center;position:absolute;left:0;width:20px;height:20px} .el-checkbox__inner::after{content:"\f00c";position:absolute;top:0;left:0;z-index:1;font-family:"FontAwesome";font-size:12px;color:#ff9800;opacity:0;transition:none;width:20px;height:20px;animation:bounceLivelyOut .4s both;animation-play-state:paused;border:none;transform:none;text-align:center} /* checkbox */ .el-checkbox[data-animation="true"] .el-checkbox__inner::after, .el-checkbox[data-animation="true"] .el-checkbox__inner::before{animation-play-state:running!important} @keyframes bounceLivelyOut { 0%{transform:scale(1)} 30%{transform:scale(.5)} 70%{transform:scale(1.35)} 85%{opacity:1;transform:scale(1.1)} 100%{opacity:0;transform:scale(.3)} } @keyframes bounceLivelyIn { 0%{opacity:0;transform:scale(.3)} 50%{opacity:1;transform:scale(1.35)} 70%{transform:scale(.85)} 85%{transform:scale(1.05)} 100%{transform:scale(1)} } /* radio button*/ .el-radio[data-animation="false"] .el-radio__inner::before,.el-radio[data-animation="false"] .el-radio__inner::after{animation-duration: 0s !important; animation-delay: 0s !important; animation-play-state:paused !important; } .el-radio__input.is-checked .el-radio__inner{border:none;background:transparent} .el-radio__input .el-radio__inner{border:none;border-radius:100%;width:20px;height:20px;background-color:transparent;cursor:pointer;box-sizing:border-box} .el-radio__input .el-radio__inner::before{content:"\f1db";font-family:"FontAwesome";font-size:20px;color:#cecece;text-align:center;position:absolute;left:0;opacity:1;animation:bounceLivelyIn2 .3s .4s both;} .el-radio__input:hover .el-radio__inner::before{color:rgba(81,203,238,1)} .el-radio__input .el-radio__inner::after{content:"\f00c";position:absolute;top:3px;left:5px;z-index:1;width:20px;height:20px;transform:none!important;font-family:"FontAwesome";font-size:12px;color:#288deb;opacity:0;transition:none!important;background:transparent;animation:bounceLivelyOut .4s both;} .el-radio__input.is-checked .el-radio__inner::before{content:"\f1db";font-family:"FontAwesome";font-size:20px;color:transparent;position:absolute;opacity:1;left:2px;animation:bounceLivelyIn .4s both;} .el-radio__input.is-checked .el-radio__inner::after{content:"\f00c";position:absolute;top:0;left:4px;width:20px;height:20px;transform:none;z-index:1;font-family:"FontAwesome";font-size:18px;color:#288deb;opacity:1;animation:bounceLivelyIn .4s .4s both;} @keyframes bounceLivelyIn2 { 0%{opacity:0;transform:scale(.3)} 50%{opacity:1;transform:scale(1.35)} 70%{transform:scale(.85)} 85%{transform:scale(1.05)} 100%{transform:scale(1)} } /**/ .multi-tag-input-container{max-width:100%;display:flex;flex-direction:column;gap:8px} .input-wrapper{display:flex;gap:8px;align-items:flex-start} .input-wrapper .el-input{flex:1;box-sizing:border-box} .el-input-group__prepend ~ input{background:transparent;border:none;padding:0 5px} .input-with-tags.el-input > input{background:transparent;border:none;width:100px} .input-wrapper .el-input .el-input-group__prepend{background:transparent;border:none;padding:0 5px} .input-wrapper .action-buttons{display:flex;gap:4px} .input-with-tags .el-input__suffix {right: 35px;} .tag-list-wrapper{display:flex;flex-wrap:wrap;gap:8px;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;width:100%} .taginput{background-color:transparent;border:none;padding:0} .taginput { flex-grow: 1; /* 輸入框填充剩餘空間 */ min-width: 150px; /* 輸入框的最小寬度 */ } .tagone{width:100%} .tagone .taginput{background-color:transparent} .tag-list-wrapper input{background:transparent;border:none;padding:0 5px} .el-input-group__prepend{display:flex;align-items:center;width:100%} .tag-list-wrapper{display:flex;flex-wrap:wrap;gap:6px;max-width:100%;padding:4px;position:relative} .tag-list{display:flex;flex-wrap:wrap;gap:4px} .el-table .el-table__cell.is-center .cell .tag-list{justify-content:center} .tag-list .el-tag:first-child.taginput{width:100%} .tag-list .el-tag:first-child.taginput input{width:100%} .el-tag{display:flex;align-items:center;white-space:nowrap} .el-tag__close{cursor:pointer;margin-left:6px} .tag-count{font-size:12px;color:#999;text-align:right;position:absolute;bottom:0;right:10px} .tag-full{color:#cf1010} .el-dialog .el-tag{margin-right:1px;margin-bottom:1px} .el-dialog .el-form-item__content{inset-inline:0;max-width:calc(100% - 100px)} .el-dialog .el-form-item__content > span{-webkit-appearance:none;background-color:#e9e9e9;background-image:none;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;color:#606266;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%} .el-form-item__label{min-width:120px;max-width:200px;width:auto!important;word-break:break-all;font-weight:900} .el-form-item__label + .el-form-item__content{margin-left:120px} .el-date-range-picker{transform-origin:center top!important;left:50%!important;transform:translateX(-50%)!important} .el-dialog .el-form-item__content > .el-input{display:flex;gap:8px;align-items:flex-start} @media screen and (max-width: 768px) { .el-dialog .el-form-item__label{float:none;display:block;text-align:left;line-height:40px} .el-dialog .el-form-item__content{inset-inline:0;max-width:100%;margin-left:0!important;float:none;left:0} .el-dialog .el-form-item{margin-bottom:5px} } /* dialog */ /* 更改 Dialog 背景顏色 */ .el-dialog{max-height:85vh;overflow:hidden;width:90%;top:50%;left:45%;transform:translate(-50%,-45%);border-radius:10px;background-color:#f7f7f7;margin:0 5%!important;transition: all 0.2s ease-in-out;} .el-dialog.is-fullscreen{max-height:100vh;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);margin:0!important;max-width:1000vw!important;border-radius:0;overflow:hidden;transition: width 0.2s ease-in-out, max-height 0.3s ease-in-out;} .el-dialog__header{background-color:#fc0;border-top-left-radius:10px;border-top-right-radius:10px;position: relative;z-index: 1;} .el-dialog__title{color:#000;font-weight:900;height:0px} [data-dialogicon] .el-dialog__title::before{font-weight: 900;font-family: "Font Awesome 6 Free";margin-right:5px} [data-dialogicon="query"] .el-dialog__title::before{content: "\f002";} [data-dialogicon="edit"] .el-dialog__title::before{content: "\f044";} [data-dialogicon="add"] .el-dialog__title::before{content: "\f067";} [data-dialogicon="sync"] .el-dialog__title::before{content: "\f093";} .el-dialog__headerbtn .el-dialog__close{color:#fff} .el-dialog__headerbtn .el-dialog__close:hover{color:#ff6c00} [data-menu="conFunMenu"] + .el-dialog__headerbtn{top:16px} [data-menu="conFunMenu"] + .el-dialog__headerbtn .el-dialog__close{display:none;} [data-menu="conFunMenu"] + .el-dialog__headerbtn .el-dialog__close::before{background-repeat:no-repeat;background-position:center;background-color:rgba(233,229,226,0);width:26px;height:26px;display:block;border-radius:5px;text-align:center;line-height:26px} [data-menu="conFunMenu"] + .el-dialog__headerbtn .el-dialog__close:hover::before{background-repeat:no-repeat;background-position:center;background-color:#fff;box-shadow:0 0 5px #ddd;width:26px;height:26px;display:block;border-radius:5px;text-align:center;line-height:26px} .el-dialog__footer{background:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-top:5px solid #cbcbcb;position: relative;z-index: 3;} .el-dialog__body{max-height:calc(85vh - 190px);overflow-y:auto} .el-dialog.is-fullscreen .el-dialog__body{height:calc(100vh - 190px);max-height:calc(100vh - 190px);} .el-dialog.is-fullscreen .el-dialog__header{border-top-left-radius:0;border-top-right-radius:0} .el-dialog.is-fullscreen .el-dialog__footer{border-bottom-right-radius:0;border-bottom-left-radius:0} .el-dialog.is-fullscreen .el-col-xs-24{width:100%} .el-autocomplete-suggestion.role-autocomplete li .rolecode{text-overflow:ellipsis;overflow:hidden} .el-autocomplete-suggestion.role-autocomplete li .rolename{font-size:12px;color:#b4b4b4} .el-autocomplete-suggestion.role-autocomplete li strong{color:#ff006a;font-weight:900;text-decoration:underline} .el-autocomplete-suggestion.role-autocomplete li span{border-radius: 4px; padding: 0px 3px; margin: 5px 0 0 0; display: inline; font-size: 12px; line-height: 12px; background: #ffa700; color: #ffffff;} .el-autocomplete-suggestion.role-autocomplete li:nth-child(even){background-color:#FAFAFA;} .el-autocomplete-suggestion.role-autocomplete li:hover{background-color:#deeafd;} .el-autocomplete-suggestion.role-autocomplete li:nth-child(even):hover{background-color:#c8dffd;} [data-menu="conFunMenu"]{display: inline-block;cursor: pointer;position: absolute;right: 20px;top: 16px;padding: 0;height: 26px;z-index: 2;margin: 0;-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;} a[data-dialogbutton]::after{color:#fff;font-size:14px;cursor:pointer;background-repeat:no-repeat;background-position:center;background-color:rgba(233,229,226,0);box-shadow:none;width:26px;height:26px;display:block;border-radius:5px;text-align:center;line-height:26px} a[data-dialogbutton]{font-weight: 900;font-family: 'Font Awesome 6 Free';-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: var(--fa-display, inline-block);font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto;text-decoration: none;} a[data-dialogbutton]:hover::after{color:#ff6c00;} a[data-dialogbutton="max"]::after{content:"\f2d0";} a[data-dialogbutton="min"]::after{content:"\f2d1";} a[data-dialogbutton="restore"]::after{content:"\f2d2";} a[data-dialogbutton="close"]::after,.el-icon-close:before{content:"\f00d";font-weight: 900;font-family: 'Font Awesome 6 Free'} a[data-dialogbutton]:hover::after{background-repeat:no-repeat;background-position:center;background-color:#fff;box-shadow:0 0 5px #ddd;width:26px;height:26px;display:block;border-radius:5px;text-align:center;line-height:26px} .el-dialog__header::after{content:"";opacity:0;z-index:-1;width:100%;left:0;height:54px;display:block;position:absolute;top:0;box-shadow:0 7px 15px -5px rgba(0,0,0,0.3);transition:opacity 1s ease} .el-dialog__footer::after{content:"";height:78px;width:100%;left:0;display:block;position:absolute;z-index:-1;bottom:-3px;opacity:0;box-shadow:0 -7px 20px -5px rgba(0,0,0,0.3);transition:opacity 1s ease} .el-dialog__header.shadow::after{opacity:1} .el-dialog__footer.shadow::after{opacity:1} .el-dialog .process {width: 100%; height: 60px; position: absolute; /*background: rgba(233, 233, 233, 0.5);*/ display: block; z-index: 3; margin: -30px -20px;} .el-dialog.is-fullscreen .process{ height: calc(100vh - 130px); } .process > div { margin: 20px 30px; padding: 0; text-align: center; height: 20px; display: block; border: 1px solid #ebebeb; background: #f9f9f9; position: relative } [data-bar] { width: 0; background-color: #fc0; width: 100%; position: absolute; overflow: hidden; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s } [data-bar="flashlight"]::before { content: ""; height: 24px; background: url(data:image/png;base64,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) 0 0 no-repeat; position: absolute; opacity: 1; width: calc(100% + 600px); margin-left: 0; left: -300px; padding-right: 100px; animation: lightover 2s infinite linear } .process > div > span { width: 0; display: block; position: absolute; left: 0; top: 0; height: 20px; } @keyframes lightover { 0% { background-position: 0 } 60% { background-position: 70% } 100% { background-position: 100% } } .el-dialog__header { user-select: none; /* 禁止文本选中 */ -webkit-user-select: none; /* 兼容 Webkit 浏览器 */ -ms-user-select: none; /* 兼容旧版 IE */ -moz-user-select: none; /* 兼容 Firefox */ } .indicator.active.bounce { animation: ping 1s cubic-bezier(0,0,.2,1) infinite; } .quickmenu [role="switch"] .el-switch__core::before{ content: "\f0ce"; font-weight: 900; font-family: "Font Awesome 6 Free"; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; color:#fff;margin-left:22px;top:-1px;position:relative; } .quickmenu [role="switch"] .el-switch__core{background:#4CAF50 !important;width:45px !important;} .quickmenu [role="switch"].is-checked .el-switch__core::before{ content: "\f534"; font-weight: 900; font-family: "Font Awesome 6 Free"; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; color:#fff;margin-left:3px;top:-1px;position:relative; } .quickmenu [role="switch"].is-checked .el-switch__core{background:#2196F3 !important;width:45px !important;} .quicktoolbar { margin: 0; padding: 0; position: absolute; right: 10px; top: 20px; z-index: 4; overflow:hidden; height:60px; } .el-dialog .quicktoolbar{top: -10px; left: 10px; right: auto;} .quicktoolbar > ul{margin: 0;top:20px;position:relative; padding: 0;} .quicktoolbar > ul > div > li, .quicktoolbar > ul > li { margin: 0; padding: 5px; list-style: none; border: 1px solid #cecece; display: inline-block; width: 25px; height: 25px; color: #686868; background:#fff; text-align: center; line-height: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;vertical-align: top; position:relative; } .quicktoolbar > ul > div > li:hover, .quicktoolbar > ul > li:hover { -webkit-box-shadow: 0 0 5px rgb(81 203 238); -moz-box-shadow: 0 0 5px rgba(81,203,238,1); box-shadow: 0 0 5px rgb(81 203 238); border: 1px solid rgba(81,203,238,1); } .quicktoolbar > ul > div > li.selected, .quicktoolbar > ul > li.selected { background: #00afff; color: #fff; } .quicktoolbar [role="switch"] .el-switch__core::before{ content: "\f0ce"; font-weight: 900; font-family: "Font Awesome 6 Free"; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; } .quicktoolbar [role="switch"] .el-switch__core::after{display:none;} .quicktoolbar [role="switch"].is-checked .el-switch__core::before{ content: "\f534"; font-weight: 900; font-family: "Font Awesome 6 Free"; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; } .quicktoolbar [role="switch"] .el-switch__core{border-color:transparent; background:transparent !important;width:22px !important;border:none;top:-4px;} .quicktoolbar [data-button]::before{font-weight: 900;font-family: "Font Awesome 6 Free";font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto;-webkit-font-smoothing: antialiased;} .quicktoolbar [data-button="query"]::before{content: "\f002";} .quicktoolbar [data-button="add"]::before{content: "\2b";} .quicktoolbar [data-button="edit"]::before{content: "\f044";} .quicktoolbar [data-button="delete"]::before{content: "\f1f8";} .quicktoolbar [data-button="column"]::before{content: "\f0db";} .quicktoolbar [data-button="detail"]::before{content: "\f022";} .quicktoolbar [data-button="sync"]::before{content: "\f093";} .quicktoolbar [data-button="snapshot"].selected::before{content: "\f534";} .quicktoolbar [data-button="snapshot"]::before{content: "\f0ce";} .quicktoolbar [data-button="snapshot"] .el-switch__core{} .quicktoolbar [data-button]:hover{background:#00afff;color:#fff;} .quicktoolbar .el-dropdown{margin-left:10px;vertical-align:top;} .quicktoolbar .el-badge__content.is-fixed{z-index:1;} /* 自定義 el-dialog 的 z-index */ .el-dialog__wrapper { z-index: 1050; /* 比 msgbox 的 z-index 低 */ } /* 自定義 msgbox 的 z-index */ .el-message-box__wrapper { z-index: 1100; /* 確保它在 el-dialog 之上 */ } /* Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden. Element with focus: input Ancestor with aria-hidden: 保持輔助技術可見 */ .el-radio__original[aria-hidden="true"] { visibility: visible; /* 保持輔助技術可見 */ pointer-events: none; /* 防止直接交互 */ display: none; } /* $msgbox h('span', { attrs: { 'data-field': '' } }, 用來顯示你輸入了什麼資料，但驗證失敗 */ [data-field]{padding: 0 2px;color:#2ab7ec;} [data-field]:empty{display:none;} /* el-table-column type="expand" */ .demo-table-expand {font-size: 0;} .demo-table-expand label {width: 90px;color: #99a9bf;} .demo-table-expand .el-form-item {margin-right: 0;margin-bottom: 0;width: 50%;} .el-table .el-table__cell{padding-left:12px;padding-right:12px;} /* el-table 行高 */ .el-table th.el-table__cell>.cell{min-height:40px;line-height:40px;} .el-table .cell{overflow:unset;} .el-table__row.selected td{ background-color:#fff9e4 !important; } .el-table__row.el-table__row--striped.selected td{ background-color:#fff5cf !important; } .el-table__row.selected:hover td{ background-color:#fbefc4 !important; } .multi-column-menu { display: grid; grid-template-columns: repeat(2, 1fr); /* 分成兩欄 */ column-gap: 10px; /* 欄之間的間距 */ padding: 10px; /* 菜單內的間距 */ max-height: 300px; /* 設置最大高度，防止溢出 */ overflow-y: auto; /* 如果內容過多，啟用滾動 */ position: relative; right:10px;left:auto !important; } .multi-column-menu .el-dropdown-item { padding: 5px 0; /* 優化每個項目的間距 */ } .columns-1 { grid-template-columns: repeat(1, 1fr); } .columns-2 { grid-template-columns: repeat(2, 1fr); } .columns-3 { grid-template-columns: repeat(3, 1fr); } @media only screen and (max-width: 666px) { .columns-3 { grid-template-columns: repeat(2, 1fr); } } /* 特殊選擇器確保重置按鈕不受 grid 影響 */ .multi-column-menu .reset-default-divided, .multi-column-menu .reset-default-container { grid-column: 1 / -1 !important; /* 跨越所有列 */ display: flex !important; justify-content: center !important; } .multi-column-menu .reset-default-container{padding: 0 !important;} .multi-column-menu .reset-default-btn { width: 100% !important; text-align: center !important; font-size:14px !important; } .el-collapse-item .el-collapse-item__header { padding-left: 20px; font-size: 14px; font-weight: 900; } .el-collapse-item.is-active .el-collapse-item__header{position:relative;} .el-collapse-item.is-active .el-collapse-item__header::after { content:""; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255,1) 100%); height: 10px; display: block; position: absolute; bottom: -11px; left: 0; width: 100%; z-index:-0 } .el-collapse-item__content{padding:10px !important;} ul[data-position]{margin:0;padding:0;} ul[data-position] li{margin:0;padding:0;list-style:none;display:inline-block;border-radius: 0; font-size: 12px; padding: 5px 11px; border:1px solid #dcdfe6; line-height: 1; margin: 0; outline: none; position: relative; text-align: center; box-sizing: border-box; user-select: none; vertical-align: middle; white-space: nowrap; } ul[data-position] li.selected{background:#fc0;color:#fff;} ul[data-position] li.error, .el-dialog td.error, .cell-content.error{animation: blink 2s infinite;background: rgba(249,165,165, 0.4);color: #bb6192;position:relative;} ul[data-position] li.error::after, .el-dialog td.error::after, .cell-content.error::after{content:"";position:absolute;height: 4px;background: #F56C6C; width: 4px; padding: 0; top:2px; right: 2px; border-radius: 50%;} ul[data-position] li:first-child{border-bottom-left-radius: 4px;border-top-left-radius: 4px;} @keyframes blink { 0% { border-color: #f00; } 25% { border-color: transparent; } 50% { border-color: #f00; } 75% { border-color: transparent; } 100% { border-color: #f00; } } ul[data-position] li:last-child{ border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .el-dialog ul[data-position] li{cursor:pointer;font-size:14px;} .el-dialog ul[data-position] li:hover{background:#ff8300;color:#fff;} /* custom-context-menu */ .custom-context-menu { position: fixed; z-index: 9999; background: white; border: 1px solid #ddd; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); display: none; } .custom-context-menu ul { list-style: none; margin: 0; padding: 0; } .custom-context-menu ul li { padding: 0 10px 0 0; cursor: pointer; transition: background-color 0.2s, border-color 0.2s; border-left: 5px solid #fff; position: relative; } .custom-context-menu ul li i { padding: 10px 10px 10px 15px; background: #f3f3f3; margin-left: -5px; margin-right:5px; } .custom-context-menu ul li:hover::after { content:""; width:100%;height:100%; position:absolute; left:0;top:0;z-index:2; background-color: rgba(255,198,0, 0.16); } .custom-context-menu ul li:hover::before { background-color: #f0f0f0; border-left: 5px solid #fc0; content: ""; width: 1px; height: 100%; display: block; position: absolute; z-index: 1; left: -5px; } [data-middlequery]{text-align:center;padding:10px;border-top: 5px solid #cbcbcb;background:#fff;height:75px;position:relative;z-index:1001;} .el-drawer__body{padding:0;} .el-card__body{padding-right:10px;} .no-scroll-drawer .el-drawer__body { overflow: hidden;background:#f7f7f7; } .no-scroll-drawer .el-card__body .el-table { height: var(--parent-height) !important; } .no-scroll-drawer .el-card__body { height: var(--parent-height-body) !important; } .no-scroll-drawer .el-table__body{margin-bottom:100px;} .no-scroll-drawer .page-indicators::after{ background: linear-gradient(to bottom, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 99%,rgba(247,247,247,1) 100%); } .no-scroll-drawer .table-card.infinity{ background:#f7f7f7; } /* .el-dialog.is-fullscreen .el-card__body{height:calc(100vh - 230px) !important;} */ .el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-5px} .el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-5px;} .row-disabled { pointer-events: none; /* 禁用行互動 */ color: #ccc; /* 灰色文字 */ background-color: #f9f9f9; /* 修改背景顏色以便區分 */ } .row-disabled .el-checkbox{display:none;} .selection-box { position: fixed; border: 1px solid #0078d7; background-color: rgba(0, 120, 215, 0.2); display: none; pointer-events: none; z-index: 9999; } .selecting { user-select: none !important; } /* 自定義 Tooltip 背景樣式 */ .custom-tooltip { background-color: rgba(255, 77, 79, 0.8) !important; /* 半透明紅色 */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* 添加陰影 */ z-index:2; } /* Tooltip 箭頭樣式 */ .custom-tooltip.el-tooltip__popper[x-placement^=top] .popper__arrow{border-top-color: rgba(255, 77, 79, 1) !important; /* 半透明紅色箭頭 */} .custom-tooltip.el-tooltip__popper[x-placement^=top] .popper__arrow::after { border-top-color: rgba(255, 77, 79, 0.8) !important; /* 半透明紅色箭頭 */} .custom-tooltip.el-tooltip__popper[x-placement^=bottom] .popper__arrow{border-bottom-color: rgba(255, 77, 79, 1) !important; /* 半透明紅色箭頭 */} .custom-tooltip.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after { border-bottom-color: rgba(255, 77, 79, 0.8) !important; /* 半透明紅色箭頭 */} /* 當 stock 與 stockedit 不同時，為 stock 顯示刪除線 */ .strikethrough { text-decoration: line-through; color: #999; /* 可以選擇灰色顯示刪除的值 */ } /* 包裹數字的框框 */ .safe-edit span, .stock-edit span { display: inline-block; padding: 2px 6px; margin-left: 5px; border-radius: 4px; border: 2px solid; font-weight: bold; } /* 增長的數字，顯示亮藍色 */ .positive-change, .positive-change input { color: #2196f3; /* 亮藍色 */ border-color: #2196f3; } /* 減少的數字，顯示亮橘色 */ .negative-change, .negative-change input { color: #ff6f00; /* 亮橘色 */ border-color: #ff6f00; } [data-layerinfo]{margin:0;padding:0;position: absolute; top: 22px; left: 10px;} [data-layerinfo] li{margin:0;padding:0;list-style:none;display:inline-block;box-sizing:content-box;} [data-layerinfo] li span{ display: inline-block; padding: 2px 6px; margin-left: 5px; border-radius: 4px; font-weight: bold; color: #ffffff; background: #fc0; } .el-dialog .el-tabs--border-card{box-shadow:none;border: none;} .el-dialog .el-tabs--border-card>.el-tabs__header{background:#f7f7f7;border:none;} .el-dialog .el-tabs--border-card>.el-tabs__content { border: 1px solid #DCDFE6; border-top-width: 3px; top:-3px; } .el-dialog .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{border:1px solid #DCDFE6;border-bottom:none;} .el-dialog .el-tabs--border-card>.el-tabs__header .el-tabs__item{margin-top:0 !important;top: 1px;left: 1px;} .el-dialog .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active::after{content:"";width:calc(100% - 6px);height:4px;bottom:0;left:3px;background:#fc0;display:block;position:absolute;} [data-permission] { column-count: 3; /* 設置列數 */ column-gap: 10px; /* 設置列之間的間距 */ list-style: none; padding: 0; margin: 0; width:100%; } [data-permission] > li { display: block; background: #f8f9fa; border: 1px solid #ddd; border-radius: 8px; padding: 12px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); padding: 5px; box-sizing: border-box; margin: 0 auto 5px; break-inside: avoid; } [data-permission] > li > span { font-weight: bold; color: #333; margin-bottom: 8px; } [data-permission] > ul, [data-permission] > li ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; } [data-permission] > ul > li{ break-inside: avoid; } [data-permission] > ul > li, [data-permission] > li ul > li { display: flex; flex-direction: column; background: #fff; padding: 8px; border: 1px solid #ccc; border-radius: 4px; gap: 8px; margin-bottom:8px; } [data-permission] > ul > li > span, [data-permission] > li ul > li > span { font-weight: bold; color: #555; margin-bottom: 4px; } [data-permission] > ul > li ul, [data-permission] > li ul > li ul { list-style: none; padding: 0; margin: 0; display: inline-block; background: #f1f1f1; padding: 8px; border: 1px dashed #bbb; border-radius: 4px; } [data-permission] > ul > li ul > li, [data-permission] > li ul > li ul > li { display: inline-block; /* 行內塊布局 */ background: #fefefe; padding: 6px 8px; border: 1px solid #eee; border-radius: 4px; text-align: left; white-space: nowrap; /* 防止內容換行 */ } [data-permission] > li .el-collapse-item__header > span{ color:#fff;background:#ff8d00;font-size:12px;padding:2px 3px;line-height:12px;border-radius: 4px;box-sizing: border-box;margin:0 5px; } [data-permission] > ul > li ul > li > span, [data-permission] > li ul > li ul > li > span{ color:#fff;background:#3eb8e5;font-size:12px;padding:2px 3px;line-height:12px;border-radius: 4px;box-sizing: border-box;margin:0 5px; } [data-permission] .el-badge{width:100%} [data-permission] > li ul > li .el-badge sup{right: 20px;top: 10px;} /* 默認情況下：在大螢幕上顯示4列 */ @media (min-width: 1200px) { [data-permission] { column-count: 3; } } /* 螢幕寬度在992px至1199px之間時顯示3列 */ @media (min-width: 992px) and (max-width: 1199px) { [data-permission] { column-count: 2; } } /* 螢幕寬度在768px至991px之間時顯示2列 */ @media (max-width: 991px) { [data-permission] { column-count: 1; } } /* 查詢 = 1, 新增 = 2, 修改 = 3, 刪除 = 4, 明細 = 5 */ [data-permissionicon]{font-family: 'Font Awesome 6 Free';font-weight: 900;margin-right: 4px;font-style: normal;} [data-permissionicon="0"]::before { content: "\f013"; } [data-permissionicon="1"]::before { content: "\f002"; } [data-permissionicon="2"]::before { content: "\f067"; } [data-permissionicon="3"]::before { content: "\f044"; } [data-permissionicon="4"]::before { content: "\f1f8"; } [data-permissionicon="5"]::before { content: "\f022"; } /* egm002 drag */ .source-container{display:flex;flex-wrap:wrap;gap:10px;padding:20px;min-height:90px;background:#f0f2f5;border-radius:4px;border:2px solid #f0f2f5;margin:0;margin-top:10px;} .source-container li{margin:0;padding:0;position:relative;width:140px;height:90px;background:#007dff94;border-radius:4px;display:inline;cursor:pointer;user-select:none;transition:transform .3s ease;z-index:1;position:relative} .source-container.dragover{background:#ecf5ff;border:2px dashed #409eff} .grid-container-wrapper {display: flex;align-items: center;} .grid-actions {flex-shrink: 0;margin: 0 10px;} .grid-container{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;counter-reset:item-index;flex-grow: 1;} .grid-item{width:150px;height:100px;border:2px dashed #dcdfe6;border-radius:4px;display:flex;justify-content:center;align-items:center;background:#f5f7fa;margin:0;padding:0;position:relative;cursor:pointer} .grid-item:empty::after{position:absolute;left:0;font-size:28px;color:#fff;font-family:arial;font-weight:700;pointer-events:none;z-index:0;border-radius:5px;background:rgba(0,0,0,0.2);width:45px;text-align:center;height:36px;line-height:36px;top:8px;left:8px} .base-item > span::after,.grid-item > div > span::after{content:"0";position:absolute;top:0;left:0;font-size:28px;color:#fff;font-family:arial;font-weight:700;pointer-events:none;z-index:1;border-radius:5px;background:rgba(0,0,0,0.2);;width:45px;text-align:center;height:36px;line-height:36px} .grid-item:empty::after,.grid-item > div > span::after{counter-increment:item-index;content:counter(item-index)} .grid-item li{margin:0;padding:0;list-style:none} .base-item{margin:0;padding:0;list-style:none} .base-item > span{float:left;width:53px;height:50px;display:inline-block;left:5px;top:5px;position:relative} .base-item > div{text-indent:0;color:#fff;font-size:14px;line-height:1.2;word-break:break-word;top:5px;position:relative;width:140px;height:90px} .draggable-item{width:140px;height:90px;background:#7aa9db;border-radius:4px;display:inline;text-indent:0;color:#fff;font-size:14px;line-height:1.5;word-break:break-word;top:0;position:relative;z-index:1;position:relative} .draggable-item > span{display:inline-block;float:left;width:48px;height:36px;border-radius:50%;left:4px;top:4px;position:relative} .draggable-item > div{text-indent:0;color:#fff;font-size:16px;line-height:1.2;word-break:break-word;left:5px;position:relative;top:5px} .draggable-item.dragging{opacity:.4} .draggable-item.selected{background:#3fbf00} .grid-item.dragover{border-color:#409eff;background:#ecf5ff} .box-card{display:flex;flex-direction:column;min-height:500px} .grid-move{transition:all .3s ease} .cell-content { transition: all 0.3s ease; border: 2px solid transparent; } .flash-border { border-color: #409EFF; } .el-dialog .el-collapse-item__header{ background:#5e8cab !important;color:#fff; } [data-arrow]::before{font-weight: 900;font-family: "Font Awesome 6 Free";font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto;-webkit-font-smoothing: antialiased;} [data-arrow="top"]::before{content: "\f062";} [data-arrow="left"]::before{content: "\f060";} [data-arrow="right"]::before{content: "\f061";} .highlight { font-size: 1.5em; color: #fc0; font-weight: bold; } .dropok-message { text-align: center; color: #999; font-size: 36px; line-height: 86px; background-color: transparent !important; width: 100% !important; pointer-events: none; } .el-dialog .quicktoolbar ul.el-dropdown-menu{ bottom: 58px; top: auto !important; text-align: left; left: 10px !important; right: auto; overflow: hidden; } .base-item.selected { outline: 2px solid #b37adb; } @media only screen and (max-width: 666px) { .source-container, .grid-container{zoom:0.8;justify-content:center;} }