@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;-webkit-text-size-adjust:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input:focus{outline:none}input::-ms-clear{visibility:hidden}textarea{overflow:auto}hr{margin:0;border:none}option{padding:0}input[type=submit],button{background-color:#0000;border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}:root{--primary: #F5F5F5;--black: #252525;--blackFade: rgb(105, 103, 103);--white:#fff;--themeBlueHover: #576ace;--gray: #f8fafc;--borderGray: #d6d5d5;--borderDarkGray: #bfbfbf;--green: #2da895;--greenHover: #80cec2;--btnGray: #e8e8e8;--btnGrayHover: #d9d9d9;--themeBlue: #4682B4;--red: #D45046;--redHover: #E07D7A;--tableHead: #F1F5F9}*{box-sizing:border-box}html{font-size:62.5%}body{font-weight:500;line-height:1.6;font-size:16px;font-size:1.6rem;color:var(--black);background-color:var(--primary);font-family:Nunito,Noto Sans TC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width: 769px){body:has(.main--dashboard){overflow-y:scroll}}a{color:var(--black);text-decoration:none;transition:all .5s cubic-bezier(.4,.4,0,1)}.has-modal{overflow:hidden}.has-modal body{padding-right:17px}.main{padding:15px 20px;flex:1;overflow:hidden}@media screen and (min-width: 769px){.container{display:flex}}@media screen and (max-width: 768px){.container{display:block}}.hide{display:none}.navUpdate{color:var(--black);height:100dvh;width:80px;background:var(--white);box-shadow:#64646f33 0 7px 29px;padding:20px 0;border-radius:0 10px 10px 0;display:flex;flex-direction:column;position:sticky;top:0;z-index:10000;flex-shrink:0;transition:width .3s ease-in-out}.navUpdate__logo{margin-bottom:20px;padding-right:20px;padding-left:20px;overflow:hidden}@media screen and (min-width: 769px){.navUpdate__logo{display:flex;height:32px;align-items:center;gap:10px}}@media screen and (max-width: 768px){.navUpdate__logo{padding:0;margin:0}}.navUpdate__logo a{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding-left:6px}.navUpdate__logo__text{font-size:20px;font-size:2rem;font-weight:700;flex:1;white-space:nowrap}@media screen and (min-width: 769px){.navUpdate__logo__text{visibility:hidden;transition:visibility .3s ease-in-out}}.navUpdate__logo__toggle{font-size:25px;font-size:2.5rem;line-height:.8;font-weight:700;min-width:40px}@media screen and (max-width: 768px){.navUpdate__logo__toggle{display:none}}.navUpdate__logo__toggle .fa-xmark{display:none}.navUpdate__logo__toggle i{pointer-events:none}.navUpdate__logo__name{display:none;opacity:0;white-space:nowrap;font-size:20px;font-size:2rem;font-weight:700;line-height:1}@media screen and (max-width: 768px){.navUpdate__logo__name{display:block;opacity:1;margin:0;font-size:25px;font-size:2.5rem}}.navUpdate__link{flex:1;padding-left:10px;padding-right:10px;transition:bottom .3s ease-in-out}@media screen and (max-width: 768px){.navUpdate__link{position:fixed;bottom:0;left:0;width:100%;height:60px;z-index:100;display:flex;background:var(--white);box-shadow:#64646f33 0 -7px 29px;justify-content:space-around;align-items:center}}.navUpdate__link__item{overflow:hidden}.navUpdate__link__item:not(:last-child){margin-bottom:20px}@media screen and (max-width: 768px){.navUpdate__link__item:not(:last-child){margin-bottom:0}}.navUpdate__link__item a{display:flex;width:100%;gap:10px;align-items:center;height:100%;padding:10px;border-radius:10px;line-height:1}.navUpdate__link__item a i{font-size:20px;font-size:2rem;min-width:40px;display:grid;place-items:center}.navUpdate__link__item a i.fa-file-lines{font-size:25px;font-size:2.5rem}.navUpdate__link__item a span{font-size:16px;font-size:1.6rem;font-weight:700;white-space:nowrap;visibility:hidden;transition:visibility .3s ease-in-out}@media screen and (max-width: 768px){.navUpdate__link__item a span{display:none}}.navUpdate__link__item:hover a,.navUpdate__link__item--active a{background:var(--themeBlue);color:var(--white)}.navUpdate__link.is-hide{bottom:-100%}.navUpdate__user{padding:0 20px}@media screen and (max-width: 768px){.navUpdate__user{padding:0}}.navUpdate__user__container{gap:10px;display:flex;align-items:center;height:55px;width:100%}.navUpdate__user i{font-size:25px;font-size:2.5rem;display:grid;min-width:40px;place-items:center;flex-shrink:0}@media screen and (max-width: 768px){.navUpdate__user i{display:none}}.navUpdate__user__info{visibility:hidden;overflow:hidden;transition:visibility .3s ease-in-out}@media screen and (max-width: 768px){.navUpdate__user__info{display:block;opacity:1;text-align:right;visibility:visible}}.navUpdate__user__info .signOutBtn{font-size:16px;font-size:1.6rem;text-decoration:underline;white-space:nowrap;visibility:hidden;transition:none;cursor:pointer}@media screen and (max-width: 768px){.navUpdate__user__info .signOutBtn{visibility:visible}}.navUpdate__user__info .data{display:flex;align-items:center;justify-content:center;gap:5px;font-size:16px;font-size:1.6rem}.navUpdate__user__info .data span{font-weight:700}@media screen and (min-width: 768px){.navUpdate.is-act{transition:width .3s ease-in-out;width:250px}.navUpdate.is-act .navUpdate__logo__text{visibility:visible}.navUpdate.is-act .navUpdate__logo__toggle .fa-xmark{display:block}.navUpdate.is-act .navUpdate__logo__toggle .fa-bars{display:none}.navUpdate.is-act .navUpdate__link__item a span{visibility:visible;transition:visibility .3s ease-in-out}.navUpdate.is-act .navUpdate__user__container{justify-content:flex-start}.navUpdate.is-act .navUpdate__user__info{opacity:1;visibility:visible}.navUpdate.is-act .navUpdate__user__info .signOutBtn{visibility:visible;cursor:pointer;opacity:1}}@media screen and (max-width: 768px){.navUpdate{position:sticky;top:0;width:100%;height:60px;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px;border-radius:0}}.navUpdate:not(.is-act) .navUpdate__user__container{position:relative}@media screen and (min-width: 769px){.navUpdate:not(.is-act) .navUpdate__user__container{cursor:pointer}.navUpdate:not(.is-act) .navUpdate__user__container:hover .navUpdate__user__info{position:absolute;bottom:40px;left:0;background:var(--white);box-shadow:#64646f33 0 7px 29px;visibility:visible;border-radius:10px;padding:12px}.navUpdate:not(.is-act) .navUpdate__user__container:hover .navUpdate__user__info>*{white-space:nowrap}.navUpdate:not(.is-act) .navUpdate__user__container:hover .navUpdate__user__info .signOutBtn{visibility:visible;border-radius:10px;padding:20px}.navUpdate:not(.is-act) .navUpdate__user__container:hover .navUpdate__user__info .signOutBtn>*{white-space:nowrap}.navUpdate:not(.is-act) .navUpdate__user__container:hover .navUpdate__user__info .signOutBtn .signOutBtn{visibility:visible;cursor:pointer}}.modForm__flexContainer{display:flex;gap:10px}@media screen and (max-width: 1000px){.modForm__flexContainer{flex-direction:column}}.modForm__flexContainer:not(:last-child){margin-bottom:10px}.modForm__flexContainer .modForm__main:first-child{margin-bottom:0}.modForm__main{flex:1;background:var(--white);padding:20px;border-radius:10px;box-shadow:#0000003d 0 3px 8px}.modForm__main:not(:last-child){margin-bottom:10px}.modForm__main .tax{font-size:18px;font-size:1.8rem}.modForm__main .tax span{font-size:25px;font-size:2.5rem}.modForm__main .total{font-size:25px;font-size:2.5rem;font-weight:600}.modForm__main .total__container{display:flex;margin:10px 0;justify-content:space-between;flex-direction:column;align-items:flex-end}.modForm__main .total__container+.modMainBtn{float:right;margin-top:auto}.modForm__main .total span{font-size:35px;font-size:3.5rem}.modForm__input{flex:1;display:flex;flex-direction:column;margin-top:20px}.modForm__input__container:not(:last-child){margin-bottom:30px;padding-bottom:30px;border-bottom:2px dashed var(--borderDarkGray)}.modForm__input__container:has(.modForm__input--note){height:100%}.modForm__input__wrapper{display:flex;flex-wrap:wrap;gap:20px}.modForm__input__wrapper>.modForm__input{margin-top:0!important}.modForm__input__wrapper--deliveryStatus{flex-direction:column}.modForm__input__wrapper--lv2{display:none;margin-top:10px;padding-left:30px}.modForm__input__wrapper--lv2>.modForm__radio{width:-moz-fit-content;width:fit-content}.modForm__input__wrapper--lv2>.modForm__radio label{font-size:14px;font-size:1.4rem;gap:8px}.modForm__input__wrapper--lv2>.modForm__radio label span{width:16px;height:16px}.modForm__input__wrapper--lv2>.modForm__radio label span:after{width:10px;height:10px}.modForm__input__wrapper:has(input[type=radio]),.modForm__input__wrapper:has(input[type=checkbox]){flex-direction:column;align-items:flex-start}.modForm__input__wrapper:has(input[type=radio]):not(:last-child),.modForm__input__wrapper:has(input[type=checkbox]):not(:last-child){margin-bottom:20px}.modForm__input__title{display:flex;justify-content:space-between;margin-bottom:20px;align-items:center}.modForm__input__title .modForm__input{margin-top:0;max-width:250px}.modForm__input__title .title{font-size:22px;font-size:2.2rem;font-weight:600;margin:0}.modForm__input__title .total__container{display:flex;align-items:center;gap:20px}.modForm__input label{font-size:14px;font-size:1.4rem;margin-bottom:10px;color:var(--blackFade)}.modForm__input input{padding:10px;font-size:16px;font-size:1.6rem;border-radius:5px;border:1px solid var(--borderGray);background-color:var(--gray);font-family:Nunito,Noto Sans TC,sans-serif}.modForm__input input:focus{border-color:var(--themeBlue)}.modForm__input--note{height:calc(100% - 55px);display:flex;flex-direction:column}.modForm__input textarea{padding:10px;font-size:16px;font-size:1.6rem;border-radius:5px;border:1px solid var(--borderGray);background-color:var(--gray);font-family:Nunito,Noto Sans TC,sans-serif;resize:none;flex-grow:1}.modForm__input textarea:focus{border-color:var(--themeBlue)}.modForm__input .chosen-container .chosen-single{background:var(--gray);border:1px solid var(--borderGray);box-shadow:none}.modForm__input .chosen-container .chosen-drop{border:1px solid var(--borderGray)}.modForm__input--search{position:relative}.modForm__input--search input{width:100%}.modForm__input--search input[type=text]:focus~.dropDownBox{display:block}.modForm__input--search .dropDownBox{position:absolute;background:var(--white);border:1px solid var(--borderGray);top:100%;width:100%;z-index:10}.modForm__input--search .dropDownBox span{display:block;padding:10px;cursor:pointer}.modForm__input--search .dropDownBox span:hover{background:var(--gray)}.modForm__input--search .dropDownBox.active{display:block}.modFormBtn{background:var(--green);font-size:clamp(14px,2vw,16px);border-radius:8px;padding:11px 20px;color:var(--white)}.modFormBtn:hover{background:var(--greenHover)}.modFormBtn__container{display:flex;gap:20px;justify-content:flex-end;margin-top:20px}.modFormBtn--gray{background:var(--btnGray);color:var(--black)}.modFormBtn--gray:hover{background:var(--btnGrayHover)}.modForm__check input{display:none}.modForm__check input:checked+label span{background:var(--themeBlue);display:flex;justify-content:center;align-items:center}.modForm__check input:checked+label span:after{content:"";display:block;width:13px;height:13px;background:url(/assets/img/icon/img_check.png) no-repeat center center;background-size:contain}.modForm__check label{display:flex;align-items:center;cursor:pointer;gap:10px;line-height:1.25;color:var(--blackFade)}.modForm__check label span{width:20px;height:20px;background:var(--gray);border:1px solid var(--borderGray);display:inline-block;border-radius:5px}.modForm__check label span:hover{box-shadow:0 0 10px #4682b4}.modForm__radio input{display:none}.modForm__radio input[type=radio]:checked+label span{display:flex;justify-content:center;align-items:center}.modForm__radio input[type=radio]:checked+label span:after{background:var(--themeBlue)}.modForm__radio input[type=radio]:checked~.modForm__input__wrapper--lv2{display:flex;flex-direction:row}.modForm__radio label{display:flex;align-items:center;cursor:pointer;gap:10px;line-height:1;color:var(--blackFade)}.modForm__radio label span{width:20px;height:20px;border:1px solid var(--borderGray);background:var(--gray);border-radius:50em;position:relative}.modForm__radio label span:after{content:"";display:block;width:13px;height:13px;border-radius:50em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.modForm__radio label span:hover{box-shadow:0 0 10px #4682b4}.modForm__table{overflow:auto}.modForm__table table{min-width:1000px;width:100%;border-collapse:collapse}.modForm__table table thead{background:var(--gray)}.modForm__table table thead th{padding:10px;border-radius:10px 10px 0 0;border-bottom:1px solid var(--borderGray)}.modForm__table table tbody{background:var(--gray)}.modForm__table table tbody tr:first-child td .modForm__input,.modForm__table table tbody tr:first-child td .itemTag{margin-top:10px}.modForm__table table tbody tr:first-child td .itemTag:nth-of-type(1){margin-top:10px}.modForm__table table tbody tr:last-child td .modForm__input{margin-bottom:10px}.modForm__table table tbody tr:last-child td .itemTag{margin-bottom:10px}.modForm__table table tbody tr td{padding:0 3px}.modForm__table table tbody tr td .modForm__input{margin:5px 0}.modForm__table table tbody tr td .modForm__input input{background:var(--white)}.modForm__table table tbody tr td .modForm__select{margin:5px 0}.modForm__table table tbody tr td .modForm__select select{background:var(--white)}.modForm__table table tbody tr td:has(.itemTag){vertical-align:top}.modForm__table table tbody tr td:first-child{padding-left:10px}.modForm__table table tbody tr td:last-child{padding-right:5px;display:flex;justify-content:flex-end;align-items:center}.modForm__table table tbody tr td:nth-child(1){width:50%;min-width:300px}.modForm__table table tbody tr td:nth-child(2){width:10%;max-width:150px;min-width:150px}.modForm__table table tbody tr td:nth-child(3),.modForm__table table tbody tr td:nth-child(4){width:5%;max-width:120px}.modForm__table table tbody tr td:nth-child(5){width:10%;min-width:100px}.modForm__table table tbody tr td:nth-child(6){width:10%;max-width:150px;min-width:150px}.modForm__table table tbody tr td:nth-child(7){max-width:80px}.modForm__table table tbody tr td:nth-child(7) .addBtn{margin-right:5px}.modForm__table table tbody tr td i{cursor:pointer}.modForm__table table tbody tr td i:hover{filter:drop-shadow(0px 0px 10px #4682b4)}.modForm__table table tbody tr td .addBtn{font-size:20px;font-size:2rem}.modForm__table table tbody tr td .delBtn{font-size:20px;font-size:2rem;color:var(--red)}.modForm__table table tbody tr td .searchItem{cursor:pointer}.modForm__table table tbody tr td .searchItem .itemTag{display:flex;min-height:44px;gap:5px;flex-wrap:wrap;width:100%;background:var(--white);padding:10px;border:1px solid var(--borderGray);border-radius:5px;margin:5px 0}.modForm__table table tbody tr td .searchItem .itemTag__item{display:flex;background:var(--themeBlue);border-radius:50em;padding:0 10px;align-items:center;gap:10px}.modForm__table table tbody tr td .searchItem .itemTag__item span{font-size:14px;font-size:1.4rem;line-height:16px;color:var(--white)}.modForm__table table tbody tr td .searchItem .itemTag .test{min-height:20px}.modForm__table table tbody tr td .searchItem .itemTag__closeBtn{display:inline-block}.modForm__table table tbody tr td .searchItem .itemTag__closeBtn i{color:var(--white)}.modForm__table table tbody tr td .searchItem .itemDropDown{display:none}.modForm__table table tbody tr td .searchItem .itemDropDown .modForm__input{margin:10px}.modForm__table table tbody tr td .searchItem .itemDropDown__item:hover{background:var(--gray)}.modForm__table table tbody tr td .searchItem .itemDropDown__item input{display:none}.modForm__table table tbody tr td .searchItem .itemDropDown__item input:checked+label span{background:var(--themeBlue);display:flex;justify-content:center;align-items:center}.modForm__table table tbody tr td .searchItem .itemDropDown__item input:checked+label span:after{content:"";display:block;width:13px;height:13px;background:url(/assets/img/icon/img_check.png) no-repeat center center;background-size:contain}.modForm__table table tbody tr td .searchItem .itemDropDown__item label{display:flex;align-items:center;cursor:pointer;gap:10px;line-height:1.25;color:var(--blackFade);height:100%;padding:10px}.modForm__table table tbody tr td .searchItem .itemDropDown__item label span{width:20px;height:20px;background:var(--gray);border:1px solid var(--borderGray);display:inline-block;border-radius:5px}.modForm__table table tbody tr td .searchItem .itemDropDown__item label span:hover{box-shadow:0 0 10px #4682b4}.modForm__table table tbody tr td .searchRate{cursor:pointer}.modForm__table table tbody tr td .searchRate .rateInput{display:flex;min-height:44px;gap:5px;flex-wrap:wrap;width:100%;background:var(--white);padding:10px;border:1px solid var(--borderGray);border-radius:5px;margin:5px 0;font-family:Nunito,Noto Sans TC,sans-serif;font-size:16px;font-size:1.6rem}.modForm__table table tbody tr td .searchRate .rateDropDown{display:none;position:absolute;background:var(--white);border:1px solid var(--borderGray);top:100%;width:100%;z-index:10}.modForm__table table tbody tr td .searchRate .rateDropDown__inner{max-height:200px;overflow-y:auto}.modForm__table table tbody tr td .searchRate .rateDropDown span{display:block;padding:10px;cursor:pointer}.modForm__table table tbody tr td .searchRate .rateDropDown span:hover{background:var(--gray)}.modForm__select{position:relative}.modForm__select:after{content:"";display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%);width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid var(--black);pointer-events:none}.modForm__select select{width:100%;padding:10px;font-size:16px;font-size:1.6rem;border-radius:5px;border:1px solid var(--borderGray);background:var(--gray);font-family:Nunito,Noto Sans TC,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modForm__select select:focus{border-color:var(--themeBlue)}.modMainBtn{background:var(--themeBlue);font-size:clamp(14px,2vw,16px);border-radius:10px;box-shadow:#0000003d 0 3px 8px;padding:11px 20px;color:var(--white);line-height:1;display:flex;align-items:center;font-family:Nunito,Noto Sans TC,sans-serif}.modMainBtn:hover{background:var(--themeBlueHover)}.modMainBtn--right{float:right}.modMainBtn--red{background:var(--red)}.modMainBtn--red:hover{background:var(--redHover)}.modMainBtn--full{flex:1;justify-content:center}.modMainBtn i{font-size:18px;font-size:1.8rem;margin-right:5px}.modMainBtn--danger{background-color:var(--red)}.modMainBtn--danger:hover{background-color:var(--red);opacity:.8}.modHeading01{font-size:24px;font-size:2.4rem;font-weight:800;display:flex;align-items:center;gap:10px}@media screen and (max-width: 768px){.modHeading01{font-size:20px;font-size:2rem}}@media screen and (min-width: 769px){.modBpPc{display:inherit}}@media screen and (max-width: 768px){.modBpPc{display:none!important}}@media screen and (min-width: 769px){.modBpSp{display:none}}@media screen and (max-width: 768px){.modBpSp{display:inherit}}@media screen and (min-width: 768px){.modBpPc_x_tablet{display:inherit}}@media screen and (max-width: 1000px){.modBpPc_x_tablet{display:none!important}}@media screen and (min-width: 768px){.modBpSp_x_tablet{display:none}}@media screen and (max-width: 1000px){.modBpSp_x_tablet{display:inherit}}.modErrorMsg{font-size:14px;font-size:1.4rem;color:var(--red)}.modSuccessMsg{font-size:14px;font-size:1.4rem;color:var(--green)}.toast{opacity:1!important}.modSection__inner{max-width:1600px;margin:0 auto;position:relative}@media screen and (min-width: 769px){.modSection__inner{padding:0 min(5%,65px);margin-bottom:136px}}@media screen and (min-width: 769px)and (max-width: 1000px){.modSection__inner{padding:0 3%}}@media screen and (max-width: 768px){.modSection__inner{padding:0 25px;margin-bottom:109px}}.modSearch{display:flex;align-items:center;width:100%;background-color:var(--white);box-shadow:#64646f33 0 -7px 29px;border-radius:10px;border:1px solid var(--borderGray);overflow:hidden}@media screen and (min-width: 769px){.modSearch{min-width:300px;max-width:400px}}.modSearch:has(input:focus){border-color:var(--themeBlue)}.modSearch label{padding:10px 10px 10px 15px;opacity:.7;display:flex;align-items:center}.modSearch label i{font-size:18px;font-size:1.8rem}.modSearch input{width:100%;height:100%;padding:10px 10px 10px 0;font-size:16px;font-size:1.6rem;font-family:Nunito,Noto Sans TC,sans-serif;border:none;outline:none}.modListTable{box-shadow:#64646f33 0 -7px 29px;padding:10px 30px 20px;border-radius:10px;background-color:var(--white)}@media screen and (max-width: 768px){.modListTable{padding:10px 15px 20px}.modListTable .modPagination{justify-content:center}}.modListTable__inner{overflow-x:auto;width:100%;padding-top:10px}.modListTable__table{width:100%;min-width:900px}.modListTable__table thead tr{position:relative;border-bottom:solid 1px rgba(37,37,37,.2352941176)}.modListTable__table thead th{text-align:left;width:-moz-fit-content;width:fit-content;font-weight:600;font-size:16px;font-size:1.6rem;position:relative;white-space:nowrap;padding:0 10px 15px}.modListTable__table thead th i{opacity:.5;font-weight:600}.modListTable__table thead th i.fa-sort-up,.modListTable__table thead th i.fa-sort-down{display:none;margin-left:-14.5px}.modListTable__table thead th.action{text-align:center}.modListTable__table thead th.asc i{opacity:1;font-weight:800}.modListTable__table thead th.asc i.fa-sort-up{display:inline}.modListTable__table thead th.asc i.fa-sort-down{display:none}.modListTable__table thead th.asc i.fa-sort{opacity:.5}.modListTable__table thead th.desc i{opacity:1;font-weight:800}.modListTable__table thead th.desc i.fa-sort-down{display:inline}.modListTable__table thead th.desc i.fa-sort-up{display:none}.modListTable__table thead th.desc i.fa-sort{opacity:.5}.modListTable__table thead th button{cursor:pointer}.modListTable__table thead th.center{text-align:center}.modListTable__table thead th.center:has(button) button,.modListTable__table thead th.center:has(button) i{position:relative;left:8px}.modListTable__table thead button{font-size:16px;font-size:1.6rem;width:-moz-fit-content;width:fit-content;font-weight:600;font-family:Nunito,Noto Sans TC,sans-serif}.modListTable__table thead button i{pointer-events:none}.modListTable__table thead button:hover{opacity:.6}.modListTable__table thead button:hover+i{opacity:.6}.modListTable__table tbody tr{position:relative;border-bottom:solid 1px rgba(37,37,37,.2352941176)}.modListTable__table tbody tr:hover{background-color:var(--gray)}.modListTable__table tbody td{font-size:16px;font-size:1.6rem;padding:10px;font-family:Nunito,Noto Sans TC,sans-serif;vertical-align:middle}.modListTable__table tbody td a{color:var(--themeBlue);font-weight:700;text-decoration:underline}.modListTable__table tbody td a:hover{opacity:.7}.modListTable__table tbody td.action{text-align:center;font-size:21px;font-size:2.1rem}.modListTable__table tbody td.action i{font-size:21px;font-size:2.1rem}.modListTable__table tbody td.action i:hover{opacity:.7}.modListTable__table tbody td.action i.fa-cloud-arrow-down,.modListTable__table tbody td.action i.fa-pen-to-square{color:var(--themeBlue)}.modListTable__table tbody td.action i.fa-cloud-arrow-down:hover,.modListTable__table tbody td.action i.fa-pen-to-square:hover{color:var(--themeBlueHover)}.modListTable__table tbody td.action i.fa-trash{color:var(--red)}.modListTable__table tbody td.action i.fa-trash:hover{color:var(--redHover)}.modListTable__table tbody td.center{text-align:center}.modListTable__footer{width:100%;display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}@media screen and (max-width: 768px){.modListTable__footer .modPagination{margin:0 auto}}.modListTable__footer>div:first-child{display:flex;align-items:center;gap:10px;flex:1;min-width:-moz-fit-content;min-width:fit-content}.modListTable__footer>div:first-child span{white-space:nowrap}.modListTable__footer>div:last-child{display:flex;justify-items:flex-end;gap:20px;min-height:41px}.modListTable__footer>div select{font-size:14px;font-size:1.4rem;padding:5px 10px;border:none;background-color:var(--gray);font-family:Nunito,Noto Sans TC,sans-serif;box-shadow:#64646f33 0 7px 10px}.modPagination{display:flex;gap:10px;align-items:center}.modPagination button,.modPagination div{display:flex;justify-content:center;align-items:center;border:solid 1px var(--gray);background-color:var(--gray);box-shadow:#64646f33 0 7px 10px;font-family:Nunito,Noto Sans TC,sans-serif;font-size:14px;font-size:1.4rem;border-radius:5px;width:35px;height:35px}.modPagination button.active,.modPagination div.active{color:var(--white);background-color:var(--themeBlue)}.modPagination button.active:hover,.modPagination div.active:hover{opacity:1}.modPagination button:hover{opacity:.8;color:var(--white);background-color:var(--themeBlue)}.modModal{top:0;right:0;bottom:0;left:0;border:0;padding:0;background-color:#0000;z-index:10000;height:100%;align-items:center;height:-moz-fit-content;height:fit-content}.modModal__inner{background-color:var(--white);border-radius:15px;display:flex;flex-direction:column;box-shadow:5px 5px 10px 5px #00000026;z-index:1000;position:relative}@media screen and (min-width: 769px){.modModal__inner{padding:20px 35px 30px;min-width:500px}}@media screen and (max-width: 768px){.modModal__inner{padding:20px 25px 30px}}.modModal__close{text-align:right;width:-moz-fit-content;width:fit-content;padding:5px;margin-left:auto;display:flex;justify-content:center;align-items:center;border-radius:50%;height:auto;aspect-ratio:1/1;transition:all .5s cubic-bezier(.4,.4,0,1)}.modModal__close i{font-size:28px;font-size:2.8rem}.modModal__close:hover{scale:1.3}.modModal__title{font-size:12px;font-size:1.2rem}.modModal__sub{font-size:24px;font-size:2.4rem;font-weight:700;line-height:1}.modModal__description{font-size:14px;font-size:1.4rem;margin-top:10px}.modModal__list{display:grid;grid-template-columns:1fr;max-height:150px;overflow-y:scroll;margin-top:5px;padding-right:10px}.modModal__list li{font-size:14px;display:flex;flex-wrap:wrap;gap:5px}.modModal__list::-webkit-scrollbar{width:5px;height:5px}.modModal__list::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--blackFade);outline:1px solid var(--blackFade)}.modModal__form{display:flex;flex-direction:column;gap:10px;margin-top:15px}.modModal__form div:not(.container):not(.radio){border:solid 1px var(--black);border-radius:5px;display:flex;position:relative}.modModal__form .container{display:flex;flex-direction:column;margin-top:15px;position:relative}.modModal__form input{width:100%;font-size:18px;font-size:1.8rem;border:none;line-height:1.5;padding:10px;border-radius:0 10px 10px 0;font-family:Nunito,Noto Sans TC,sans-serif}.modModal__form .radio{margin-top:10px}.modModal__form .radio ul{display:flex;gap:20px}.modModal__form .radio ul li{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.modModal__form .radio ul li input{margin:0;visibility:hidden;display:none}.modModal__form .radio ul li input:checked+label i{color:var(--green)}.modModal__form .radio ul li label{font-size:18px;font-size:1.8rem;display:flex;gap:5px;padding-left:0;cursor:pointer}.modModal__form .radio ul li label i{font-size:18px;font-size:1.8rem;color:var(--black);font-weight:800}.modModal__form .passwordToggle:after{content:"";width:24px;height:24px;background-image:url(/assets/img/login/img_hide.png);background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;right:10px;bottom:0;top:0;margin:auto}.modModal__form .passwordToggle.is-show:after{background-image:url(/assets/img/login/img_show.png)}.modModal__form label{padding:0 0 0 10px;display:flex;align-items:center}.modModal__form label span{display:none}.modModal__form label i{font-size:18px;font-size:1.8rem;opacity:.7}.modModal__form__error{font-size:14px;font-size:1.4rem;color:var(--red);font-weight:600;line-height:1}.modModal__form__btn{background-color:var(--themeBlue);color:var(--white);font-size:18px;font-size:1.8rem;font-family:Nunito,Noto Sans TC,sans-serif;padding:13px 10px;border-radius:10px;transition:all .3s ease-out;text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-align:center}.modModal__form__btn span{display:inline-block;width:11px;height:11px;position:relative;overflow:hidden;margin-left:5px}.modModal__form__btn span:after,.modModal__form__btn span:before{content:"";display:inline-block;position:absolute;bottom:0;right:0;width:100%;height:100%;background-image:url(/assets/img/icon/img_arrow.svg);background-size:contain;background-position:center;transition:transform .5s cubic-bezier(.4,.4,0,1)}.modModal__form__btn span:before{transform:translate(-13px,13px)}.modModal__form__btn:hover span:before{transform:translate(0)}.modModal__form__btn:hover span:after{transform:translate(13px,-13px)}.modModal__form__btn--delete{background-color:var(--red)}.modModal__form__btn--delete:hover{background-color:var(--redHover)}.modModal__form form button{width:100%}.modModal::backdrop{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--black);opacity:.8}.modModal--delete .modModal__close{margin-bottom:-31px;position:relative;z-index:1000}.modTag{border-radius:20px;background-color:var(--themeBlue);width:-moz-fit-content;width:fit-content;color:var(--white);padding:5px 10px}.pageHeader{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;gap:20px}@media screen and (min-width: 769px){.pageHeader{align-items:center}}@media screen and (max-width: 768px){.pageHeader--spCol{flex-direction:column;align-items:flex-start}.pageHeader--spCol .pageHeader__right{width:100%}}.pageHeader__left{display:flex;align-items:center;gap:20px}.pageHeader__left__backBtn{border-radius:10px;background:var(--white);display:block;display:flex;justify-content:center;align-items:center;width:40px;height:40px;box-shadow:#0000003d 0 3px 8px}.pageHeader__right{flex:1;display:flex;justify-content:flex-end;gap:10px}main.login{background-size:20px 20px;height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;font-size:20px;font-size:2rem}main.login .login__inner{background-color:var(--white);border-radius:15px;display:flex;flex-direction:column;box-shadow:5px 5px 10px 5px #00000026;animation:popUp .5s ease-out}@media screen and (min-width: 769px){main.login .login__inner{padding:30px 35px;min-width:400px}}@media screen and (max-width: 768px){main.login .login__inner{padding:30px 25px}}main.login .login__title{font-size:12px;font-size:1.2rem}main.login .login__sub{font-size:24px;font-size:2.4rem;font-weight:800;line-height:1;margin-bottom:10px;color:var(--themeBlue)}main.login .login__description{font-size:14px;font-size:1.4rem}main.login .login__form{display:flex;flex-direction:column;margin-top:15px}main.login .login__form>div:not(.container):not(.reset){border:solid 1px var(--black);border-radius:5px;display:flex;position:relative}main.login .login__form>div:not(.container):not(.reset):has(input):nth-of-type(1) label:before{background-image:url(/assets/img/login/img_email.png)}main.login .login__form>div:not(.container):not(.reset):has(input):nth-of-type(2) label:before{background-image:url(/assets/img/login/img_password.png)}main.login .login__form>div:not(.container):not(.reset):has(input):nth-of-type(2) input{padding-right:40px}main.login .login__form>div:not(.container):not(.reset):has(input):not(:first-child){margin:10px 0 0}main.login .login__form .reset{text-align:right;display:flex;justify-content:space-between;margin-top:10px}main.login .login__form .reset__link{font-size:14px;font-size:1.4rem;font-weight:600;line-height:1;margin-top:3px;transition:all .5s cubic-bezier(.4,.4,0,1)}main.login .login__form .reset__link:hover{opacity:.5}main.login .login__form .reset .modForm__check label{font-size:14px;font-size:1.4rem;font-weight:600;line-height:1;margin-bottom:10px;transition:all .5s cubic-bezier(.4,.4,0,1);padding-left:0}main.login .login__form .reset .modForm__check label:hover{opacity:.5}main.login .login__form .reset .modForm__check label:before{content:none}main.login .login__form .reset .modForm__check label span{display:flex}main.login .login__form .container{display:flex;flex-direction:column;margin-top:15px;position:relative}main.login .login__form input{width:100%;font-size:14px;font-size:1.4rem;border:none;line-height:1.5;padding:10px;border-radius:0 10px 10px 0;font-family:Nunito,Noto Sans TC,sans-serif}main.login .login__form label{padding:0 0 0 10px;display:flex;align-items:center}main.login .login__form label span{display:none}main.login .login__form .passwordToggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;align-self:center;margin-right:10px}main.login .login__form .passwordToggle i{font-size:20px;font-size:2rem}main.login .login__form .passwordToggle i:nth-child(2){display:none}main.login .login__form .passwordToggle.is-show i:nth-child(1){display:none}main.login .login__form .passwordToggle.is-show i:nth-child(2){display:inline-block}main.login .login__form__error{font-size:14px;font-size:1.4rem;color:var(--red);font-weight:600;line-height:1;margin-bottom:10px}main.login .login__form__btn{background-color:var(--themeBlue);color:var(--white);font-size:14px;font-size:1.4rem;font-family:Nunito,Noto Sans TC,sans-serif;padding:13px 10px;border-radius:10px;transition:all .3s ease-out;text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-align:center}main.login .login__form__btn span{display:inline-block;width:11px;height:11px;position:relative;overflow:hidden;margin-left:5px}main.login .login__form__btn span:after,main.login .login__form__btn span:before{content:"";display:inline-block;position:absolute;bottom:0;right:0;width:100%;height:100%;background-image:url(/assets/img/icon/img_arrow.svg);background-size:contain;background-position:center;transition:transform .5s cubic-bezier(.4,.4,0,1)}main.login .login__form__btn span:before{transform:translate(-13px,13px)}main.login .login__form__btn:hover span:before{transform:translate(0)}main.login .login__form__btn:hover span:after{transform:translate(13px,-13px)}main.login .login__form--reset>div label:before{background-image:url(/assets/img/login/img_password.png)!important}main.login .login__form--reset>div input{padding-right:40px}main.login .login__success{color:var(--black);border:solid 2px var(--green);padding:20px;display:flex;justify-content:center;align-items:center;gap:10px}main.login .login__success i{color:var(--green);font-size:30px;font-size:3rem}@keyframes popUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main--invoiceCreate{overflow:hidden}.main--invoiceCreate .modForm__main:nth-child(2){flex:.5}.main--invoiceDetail{width:-webkit-fill-available}@media screen and (max-width: 1000px){.main--invoiceDetail .main__inner{height:100%}}.main--invoiceDetail .main__inner:has(.section--full){max-height:100dvh;height:100%}.main--invoiceDetail .main__inner .section{overflow:auto;width:70%;padding:20px;background:var(--white);border-radius:10px;box-shadow:#0000003d 0 3px 8px}.main--invoiceDetail .main__inner .section__container{height:calc(100dvh - 90px);display:flex;gap:10px}@media screen and (max-width: 1000px){.main--invoiceDetail .main__inner .section__container{flex-direction:column;height:100%}}.main--invoiceDetail .main__inner .section__container:has(.section--full){height:100%}.main--invoiceDetail .main__inner .section__container>div::-webkit-scrollbar{width:5px;height:5px}.main--invoiceDetail .main__inner .section__container>div::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--blackFade);outline:1px solid var(--blackFade)}@media screen and (max-width: 1000px){.main--invoiceDetail .main__inner .section{width:100%;height:auto}}.main--invoiceDetail .main__inner .section--flexSm{flex:1}.main--invoiceDetail .main__inner .section .printPreview{background:#fff;aspect-ratio:1/1.414;width:700px;height:auto;font-size:12px;font-size:1.2rem}.main--invoiceDetail .main__inner .section .printPreview__container{padding:20px;border:1px dashed var(--black);height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;overflow:auto;margin:auto}.main--invoiceDetail .main__inner .section .printPreview__head{display:flex;align-items:flex-end;padding-bottom:10px;margin-bottom:10px;justify-content:center;flex-wrap:wrap;text-align:center}.main--invoiceDetail .main__inner .section .printPreview__head .companyInfo{margin-bottom:10px}.main--invoiceDetail .main__inner .section .printPreview__head .companyInfo__name{font-size:24px;font-size:2.4rem;font-weight:900}.main--invoiceDetail .main__inner .section .printPreview__head .companyInfo__address__title{font-size:16px;font-weight:700}.main--invoiceDetail .main__inner .section .printPreview__head .companyInfo__address,.main--invoiceDetail .main__inner .section .printPreview__head .companyInfo__phone{font-weight:700}.main--invoiceDetail .main__inner .section .printPreview__head .companyInfo__address span,.main--invoiceDetail .main__inner .section .printPreview__head .companyInfo__phone span{font-weight:400}.main--invoiceDetail .main__inner .section .printPreview__head .invoiceInfo{width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px dashed var(--black)}.main--invoiceDetail .main__inner .section .printPreview__head .invoiceInfo__id,.main--invoiceDetail .main__inner .section .printPreview__head .invoiceInfo__date{font-weight:700}.main--invoiceDetail .main__inner .section .printPreview__head .invoiceInfo__id span,.main--invoiceDetail .main__inner .section .printPreview__head .invoiceInfo__date span{font-weight:400}.main--invoiceDetail .main__inner .section .printPreview__body{margin-bottom:10px}.main--invoiceDetail .main__inner .section .printPreview__body .info{margin-bottom:8px}.main--invoiceDetail .main__inner .section .printPreview__body .info__title{font-size:15px;font-size:1.5rem;font-weight:700;margin-bottom:10px}.main--invoiceDetail .main__inner .section .printPreview__body .info__main{display:flex;justify-content:space-between;gap:20px}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__user{flex:1}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__user .infoItem{display:flex;gap:10px;margin-bottom:5px}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__user .infoItem dt{font-size:12px;font-size:1.2rem;width:70px;flex-shrink:0}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__user .infoItem dd{font-size:12px;font-size:1.2rem}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__user .infoItem--sign{margin-top:20px}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__user .infoItem--sign dd{display:flex;align-items:flex-end}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__user .infoItem--sign dd:after{content:"";display:block;width:100px;border:1px dashed var(--black)}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__service{flex:1;padding-left:70px}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__service .title{font-size:13px;font-size:1.3rem;font-weight:700;margin-bottom:10px}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__service .serviceList li{font-size:12px;font-size:1.2rem;display:flex;gap:10px}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__service .serviceList li span{width:30px;display:flex;justify-content:space-between;align-items:center}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__service .serviceList li span:before{content:"["}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__service .serviceList li span:after{content:"]"}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__service .serviceList li p{display:flex;gap:5px}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__service .serviceList li p:before{content:"("}.main--invoiceDetail .main__inner .section .printPreview__body .info__main__service .serviceList li p:after{content:")"}.main--invoiceDetail .main__inner .section .printPreview__body .info__sign{display:flex;justify-content:flex-start;align-items:flex-end;margin-top:10px;gap:5px}.main--invoiceDetail .main__inner .section .printPreview__body .info__sign:after{content:"";display:block;width:100px;border:1px dashed var(--black)}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item{display:flex;justify-content:space-between;font-size:12px;font-size:1.2rem}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item div{padding:5px 0;display:flex;justify-content:center;align-items:center;min-height:29px}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item div:nth-child(1){width:33%;justify-content:flex-start;padding-left:15px;flex-wrap:wrap;gap:0 5px}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item div:nth-child(2){width:15%}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item div:nth-child(3){width:13%}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item div:nth-child(4){width:17%}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item div:nth-child(5){width:7%}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item div:nth-child(6){width:15%}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item div:not(:last-child){position:relative}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item div:not(:last-child):after{content:"";height:80%;width:1px;background:var(--white);position:absolute;right:0;top:50%;transform:translateY(-50%)}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item:not(.itemsInfo__item--footer){border-bottom:1px solid var(--borderGray)}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item:not(.itemsInfo__item--title) div:nth-child(6){justify-content:flex-end!important;padding-right:15px}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--title{background:var(--themeBlue);-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:12px;font-size:1.2rem;color:#fff;font-weight:700;margin-bottom:5px}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--title div{padding:5px 0!important}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--title div:nth-child(1){justify-content:center!important;padding-left:0!important}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--carfee div{padding:5px 0}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--carfee div:nth-child(2){width:15%;justify-content:flex-end!important;padding-right:15px}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--carfee .serviceList{flex:1;display:flex;gap:10px;align-items:center;justify-content:center}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--carfee .serviceList li{font-size:12px;font-size:1.2rem;display:flex;gap:10px}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--carfee .serviceList li span{width:30px;display:flex;justify-content:space-between;align-items:center}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--carfee .serviceList li span:before{content:"["}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--carfee .serviceList li span:after{content:"]"}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--carfee .serviceList p{display:flex;background:red!important}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--footer{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--price{justify-content:flex-end!important;width:100%!important;padding:0!important}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--price div{justify-content:flex-end!important;padding-right:15px}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--price div:nth-child(2){padding-right:15px}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--price div:nth-child(1){width:20%;flex:1}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--price div:nth-child(2){width:39.7%}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--mainTotal{justify-content:flex-end!important;border-bottom:none!important;width:100%!important;border-bottom:1px solid var(--borderDarkGray)!important;padding:0!important}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--mainTotal div{justify-content:flex-end!important;padding-right:15px}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--mainTotal div:nth-child(1){flex:1}.main--invoiceDetail .main__inner .section .printPreview__body .itemsInfo__item--mainTotal div:nth-child(2){width:39.7%}.main--invoiceDetail .main__inner .section .printPreview__body .mainSign__sign{padding-top:10px;display:flex;justify-content:flex-end;align-items:flex-end;gap:10px}.main--invoiceDetail .main__inner .section .printPreview__body .mainSign__sign:after{content:"";display:block;width:100px;border:1px dashed var(--black)}.main--invoiceDetail .main__inner .section .printPreview__body .note{gap:5px!important;width:100%!important;max-width:60%;align-items:flex-start!important;padding:10px 0!important;flex-wrap:nowrap!important}.main--invoiceDetail .main__inner .section .printPreview__body .note p{display:inline-block;font-weight:700;flex-shrink:0}.main--invoiceDetail .main__inner .section .printPreview__body .note+div{display:block;width:40%!important;padding:0!important}.main--invoiceDetail .main__inner .section .printPreview__footer .note__title{font-size:13px;font-size:1.3rem;font-weight:700;margin-bottom:10px}.main--invoiceDetail .main__inner .section .printPreview__footer .note li{font-size:11px;font-size:1.1rem}.main--invoiceDetail .main__inner .section .printPreview__footer .note li:not(:last-child){margin-bottom:3px}.main--invoiceDetail .main__inner .section .printPreview__footer .note li.important{font-weight:900}.main--invoiceDetail .main__inner .section .modForm__input__wrapper .modMainBtn{min-width:110px}.main--invoiceDetail .main__inner .section .modForm__input__wrapper--deliveryStatus{position:relative}.main--invoiceDetail .main__inner .section .modForm__input__wrapper--deliveryStatus .statusTag{display:flex;align-items:center;gap:10px;cursor:pointer}.main--invoiceDetail .main__inner .section .modForm__input__wrapper--deliveryStatus .statusTag label{cursor:pointer;display:flex;align-items:center;gap:10px}.main--invoiceDetail .main__inner .section .modForm__input__wrapper--deliveryStatus .statusTag label span{width:15px;height:22px;display:block}.main--invoiceDetail .main__inner .section .modForm__input__wrapper--deliveryStatus .statusTag label span:after{content:"";display:block;width:15px;height:15px;border-radius:50%;border:var(--green) 2px solid;background:var(--white)}.main--invoiceDetail .main__inner .section .modForm__input__wrapper--deliveryStatus .statusTag input[type=radio]{display:none}.main--invoiceDetail .main__inner .section .modForm__input__wrapper--deliveryStatus .statusTag.done label span:after{background:var(--green);scale:1.1}.main--invoiceDetail .main__inner .section .modForm__input__wrapper--deliveryStatus .statusTag.done:not(:first-child) label span{position:relative;display:block}.main--invoiceDetail .main__inner .section .modForm__input__wrapper--deliveryStatus .statusTag.done:not(:first-child) label span:before{content:"";display:block;width:9px;height:220%;background:var(--green);position:absolute;bottom:0;left:5px;transform:translateY(-30%);pointer-events:none}.main--invoiceDetail .main__inner .section .modForm__input__wrapper form:has(.modMainBtn){width:100%}.main--invoiceDetail .main__inner .section .modForm__input__wrapper form:has(.modMainBtn) .modMainBtn{width:100%}.main--invoiceDetail .main__inner .section--full{width:100%;height:calc(100dvh - 30px);display:flex;align-items:flex-start}.main--invoiceDetail .main__inner .section--full .printPreview__container{margin:0 auto}@media screen and (max-width: 768px){.main--invoiceDetail .main__inner .section--full{flex-direction:column;height:auto;align-items:center}}@media print{body,html,#wrapper{height:100%!important}body{width:100%}body>*{background:#fff;overflow:visible!important}body .modForm__input__wrapper{display:none!important}body .container{display:block!important;height:100%}body .main{padding:0;overflow:visible!important;height:100%!important}body .main__inner{height:100%!important}body .navUpdate,body .pageHeader,body .section--flexSm{display:none}body .section{width:100%!important;height:100%!important;overflow:visible!important;padding:0!important;border-radius:0!important;box-shadow:none!important}body .section__container{height:100%!important;display:block!important;padding:0!important;border-radius:0!important;box-shadow:none!important}body .printPreview{width:100%!important;height:auto;font-size:12px;font-size:1.2rem}body .printPreview__container{background:#fff;font-size:12px;font-size:1.2rem;width:100%!important;height:100%!important;overflow:visible!important;border:none!important;padding:0!important}body .printPreview__head{display:flex;align-items:flex-end;padding-bottom:10px;margin-bottom:10px;justify-content:center;flex-wrap:wrap;text-align:center}body .printPreview__head .companyInfo{margin-bottom:10px}body .printPreview__head .companyInfo__name{font-size:24px;font-size:2.4rem;font-weight:900}body .printPreview__head .companyInfo__address__title{font-size:16px;font-weight:700}body .printPreview__head .companyInfo__address,body .printPreview__head .companyInfo__phone{font-weight:700}body .printPreview__head .companyInfo__address span,body .printPreview__head .companyInfo__phone span{font-weight:400}body .printPreview__head .invoiceInfo{width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px dashed var(--black)}body .printPreview__head .invoiceInfo__id,body .printPreview__head .invoiceInfo__date{font-weight:700}body .printPreview__head .invoiceInfo__id span,body .printPreview__head .invoiceInfo__date span{font-weight:400}body .printPreview__body{margin-bottom:10px}body .printPreview__body .info{margin-bottom:8px}body .printPreview__body .info__title{font-size:15px;font-size:1.5rem;font-weight:700;margin-bottom:10px}body .printPreview__body .info__main{display:flex;justify-content:space-between;gap:20px}body .printPreview__body .info__main__user{flex:1}body .printPreview__body .info__main__user .infoItem{display:flex;gap:10px;margin-bottom:5px}body .printPreview__body .info__main__user .infoItem dt{font-size:12px;font-size:1.2rem;width:70px;flex-shrink:0}body .printPreview__body .info__main__user .infoItem dd{font-size:12px;font-size:1.2rem}body .printPreview__body .info__main__user .infoItem--sign{margin-top:20px}body .printPreview__body .info__main__user .infoItem--sign dd{display:flex;align-items:flex-end}body .printPreview__body .info__main__user .infoItem--sign dd:after{content:"";display:block;width:100px;border:1px dashed var(--black)}body .printPreview__body .info__main__service{flex:1;padding-left:70px}body .printPreview__body .info__main__service .title{font-size:13px;font-size:1.3rem;font-weight:700;margin-bottom:10px}body .printPreview__body .info__main__service .serviceList li{font-size:12px;font-size:1.2rem;display:flex;gap:10px}body .printPreview__body .info__main__service .serviceList li span{width:30px;display:flex;justify-content:space-between;align-items:center}body .printPreview__body .info__main__service .serviceList li span:before{content:"["}body .printPreview__body .info__main__service .serviceList li span:after{content:"]"}body .printPreview__body .info__main__service .serviceList li p{display:flex;gap:5px}body .printPreview__body .info__main__service .serviceList li p:before{content:"("}body .printPreview__body .info__main__service .serviceList li p:after{content:")"}body .printPreview__body .info__sign{display:flex;justify-content:flex-start;align-items:flex-end;margin-top:10px;gap:5px}body .printPreview__body .info__sign:after{content:"";display:block;width:100px;border:1px dashed var(--black)}body .printPreview__body .itemsInfo__item{display:flex;justify-content:space-between;font-size:12px;font-size:1.2rem}body .printPreview__body .itemsInfo__item div{padding:5px 0;display:flex;justify-content:center;align-items:center;min-height:29px}body .printPreview__body .itemsInfo__item div:nth-child(1){width:33%;justify-content:flex-start;padding-left:15px;flex-wrap:wrap;gap:0 5px}body .printPreview__body .itemsInfo__item div:nth-child(2){width:15%}body .printPreview__body .itemsInfo__item div:nth-child(3){width:13%}body .printPreview__body .itemsInfo__item div:nth-child(4){width:17%}body .printPreview__body .itemsInfo__item div:nth-child(5){width:7%}body .printPreview__body .itemsInfo__item div:nth-child(6){width:15%}body .printPreview__body .itemsInfo__item div:not(:last-child){position:relative}body .printPreview__body .itemsInfo__item div:not(:last-child):after{content:"";height:80%;width:1px;background:var(--white);position:absolute;right:0;top:50%;transform:translateY(-50%)}body .printPreview__body .itemsInfo__item:not(.itemsInfo__item--footer){border-bottom:1px solid var(--borderGray)}body .printPreview__body .itemsInfo__item:not(.itemsInfo__item--title) div:nth-child(6){justify-content:flex-end!important;padding-right:15px}body .printPreview__body .itemsInfo__item--title{background:var(--themeBlue);-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:12px;font-size:1.2rem;color:#fff;font-weight:700;margin-bottom:5px}body .printPreview__body .itemsInfo__item--title div{padding:5px 0!important}body .printPreview__body .itemsInfo__item--title div:nth-child(1){justify-content:center!important;padding-left:0!important}body .printPreview__body .itemsInfo__item--carfee div{padding:5px 0}body .printPreview__body .itemsInfo__item--carfee div:nth-child(2){width:15%;justify-content:flex-end!important;padding-right:15px}body .printPreview__body .itemsInfo__item--carfee .serviceList{flex:1;display:flex;gap:10px;align-items:center;justify-content:center}body .printPreview__body .itemsInfo__item--carfee .serviceList li{font-size:12px;font-size:1.2rem;display:flex;gap:10px}body .printPreview__body .itemsInfo__item--carfee .serviceList li span{width:30px;display:flex;justify-content:space-between;align-items:center}body .printPreview__body .itemsInfo__item--carfee .serviceList li span:before{content:"["}body .printPreview__body .itemsInfo__item--carfee .serviceList li span:after{content:"]"}body .printPreview__body .itemsInfo__item--carfee .serviceList p{display:flex;background:red!important}body .printPreview__body .itemsInfo__item--footer{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}body .printPreview__body .itemsInfo__item--price{justify-content:flex-end!important;width:100%!important;padding:0!important}body .printPreview__body .itemsInfo__item--price div{justify-content:flex-end!important;padding-right:15px}body .printPreview__body .itemsInfo__item--price div:nth-child(2){padding-right:15px}body .printPreview__body .itemsInfo__item--price div:nth-child(1){width:20%;flex:1}body .printPreview__body .itemsInfo__item--price div:nth-child(2){width:39.7%}body .printPreview__body .itemsInfo__item--mainTotal{justify-content:flex-end!important;border-bottom:none!important;width:100%!important;border-bottom:1px solid var(--borderDarkGray)!important;padding:0!important}body .printPreview__body .itemsInfo__item--mainTotal div{justify-content:flex-end!important;padding-right:15px}body .printPreview__body .itemsInfo__item--mainTotal div:nth-child(1){flex:1}body .printPreview__body .itemsInfo__item--mainTotal div:nth-child(2){width:39.7%}body .printPreview__body .mainSign__sign{padding-top:10px;display:flex;justify-content:flex-end;align-items:flex-end;gap:10px}body .printPreview__body .mainSign__sign:after{content:"";display:block;width:100px;border:1px dashed var(--black)}body .printPreview__body .note{gap:5px!important;width:100%!important;max-width:60%;align-items:flex-start!important;padding:10px 0!important;flex-wrap:nowrap!important}body .printPreview__body .note p{display:inline-block;font-weight:700;flex-shrink:0}body .printPreview__body .note+div{display:block;width:40%!important;padding:0!important}body .printPreview__footer .note__title{font-size:13px;font-size:1.3rem;font-weight:700;margin-bottom:10px}body .printPreview__footer .note li{font-size:11px;font-size:1.1rem}body .printPreview__footer .note li:not(:last-child){margin-bottom:3px}body .printPreview__footer .note li.important{font-weight:900}}.main--invoice:has(.invoiceCheckbox input:checked) .modMainBtn--danger{display:block}.main--invoice tr:has(.invoiceCheckbox){position:relative}.main--invoice tr:has(.invoiceCheckbox) td{position:static}.main--invoice tr:has(.invoiceCheckbox input:checked){background-color:var(--gray)}@media screen and (min-width: 769px){.main--invoice .modListTable{padding:10px 40px 20px}}.main--invoice .invoiceSelectAll{display:flex;justify-content:center;min-width:20px}.main--invoice .invoiceSelectAll__button{width:20px;height:auto;aspect-ratio:1/1;background:var(--gray);border:1px solid var(--borderGray);display:flex;justify-content:center;align-items:center;border-radius:5px;left:0!important;top:5px;overflow:hidden}.main--invoice .invoiceSelectAll__button--selected{background:var(--themeBlue)}.main--invoice .invoiceSelectAll__button--selected:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:13px;height:auto;aspect-ratio:1/1;background:url(/assets/img/icon/img_check.png) no-repeat center center;background-size:contain;margin:auto}.main--invoice .invoiceSelectAll__button:hover{box-shadow:0 0 10px #4682b4;opacity:1}.main--invoice .invoiceCheckbox{display:flex;justify-content:center;align-items:center;height:100%}.main--invoice .invoiceCheckbox input{display:none}.main--invoice .invoiceCheckbox input:checked+label span{background:var(--themeBlue);display:flex;justify-content:center;align-items:center}.main--invoice .invoiceCheckbox input:checked+label span:after{content:"";display:block;width:13px;height:13px;background:url(/assets/img/icon/img_check.png) no-repeat center center;background-size:contain}.main--invoice .invoiceCheckbox label,.main--invoice .invoiceCheckbox button{display:flex;align-items:center;cursor:pointer;gap:10px;line-height:1.25;color:var(--blackFade)}.main--invoice .invoiceCheckbox label span,.main--invoice .invoiceCheckbox button span{width:20px;height:20px;background:var(--gray);border:1px solid var(--borderGray);display:inline-block;border-radius:5px}.main--invoice .invoiceCheckbox label span:hover,.main--invoice .invoiceCheckbox button span:hover{box-shadow:0 0 10px #4682b4}.main--invoice .invoiceCheckbox label.selected span,.main--invoice .invoiceCheckbox button.selected span{background:var(--themeBlue);display:flex;justify-content:center;align-items:center}.main--invoice .invoiceCheckbox label.selected span:after,.main--invoice .invoiceCheckbox button.selected span:after{content:"";display:block;width:13px;height:13px;background:url(/assets/img/icon/img_check.png) no-repeat center center;background-size:contain}.main--dashboard .dashboardInput{background-color:var(--white);display:flex;align-items:center;padding:10px 20px;gap:10px;box-shadow:#64646f33 0 -7px 29px;border-radius:5px}.main--dashboard .dashboardInput select{border:none;font-size:18px;font-size:1.8rem;font-family:Nunito,Noto Sans TC,sans-serif;outline:none;flex:1;font-weight:700}.main--dashboard .dashboardInput select option{font-family:Nunito,Noto Sans TC,sans-serif;padding:5px 10px}.main--dashboard .dashboardData__list{display:flex;gap:20px}@media screen and (max-width: 768px){.main--dashboard .dashboardData__list{flex-direction:column}}.main--dashboard .dashboardData__list__item{flex:1;background-color:var(--white);padding:15px 20px}@media screen and (max-width: 768px){.main--dashboard .dashboardData__list__item .inner{display:flex;justify-content:space-between;align-items:center;gap:10px}}.main--dashboard .dashboardData__list__item .inner p:nth-child(1){font-size:16px;font-size:1.6rem;font-weight:700}.main--dashboard .dashboardData__list__item .inner p:nth-child(2){font-size:30px;font-size:3rem;font-weight:700}@media screen and (min-width: 769px){.main--dashboard .dashboardData__list__item .inner p:nth-child(2){margin-top:10px}}.main--dashboard .dashboardData__list__item .inner p:nth-child(2) i{opacity:.7}.main--dashboard .dashboardData__chart{width:70%;margin:30px auto 0;overflow-x:auto;overflow-y:hidden}@media screen and (max-width: 1000px){.main--dashboard .dashboardData__chart{width:100%}}.main--dashboard .dashboardData__chart__inner{width:100%;min-width:600px}.main--dashboard .dashboardData__chart canvas{width:100%!important}.main--error{min-height:100dvh;padding:10px 15px}.main--error .error{padding:40px 0 0;min-height:calc(100dvh - 20px);background:var(--white);border-radius:10px;box-shadow:#64646f33 0 7px 29px}.main--error .error__img{width:100%;max-width:600px;margin:0 auto}.main--error .error__text{text-align:center;font-family:Inter,sans-serif}.main--error .error__text .description{font-size:35px;font-size:3.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}@media screen and (max-width: 768px){.main--error .error__text .description{font-size:25px;font-size:2.5rem}}.main--error .error__text .link{text-decoration:underline;text-underline-offset:.2em}.main--error .error__text .link:hover{opacity:.5}