@charset "UTF-8";.quotationHearder{width:100%;font-family:arial,Microsoft JhengHei,微軟正黑體,sans-serif!important;box-shadow:0 2px 4px 0 rgba(0,0,0,.15);background-color:#fff;position:fixed;top:62px;display:flex;align-items:center;padding:8px 10% 8px 10%;z-index:99}@media screen and (max-width:832px){.quotationHearder{top:72px;padding:8px 20px}}@media screen and (max-width:767px){.quotationHearder{top:48px;padding:8px 20px}}.quotationHearder h1 a{font-family:Noto Sans CJK TC;font-size:24px;font-weight:700;color:#727276;display:block}.quotationHearder .user{margin-left:auto;position:relative}.quotationHearder .user .user-title{display:flex;justify-content:center;align-items:center;z-index:1;cursor:pointer}.quotationHearder .user .user-title .title-image{width:30px;height:30px;border-radius:50%;border:1px solid #d1d1d1;margin-right:10px;display:flex;justify-content:center;align-items:center}.quotationHearder .user .user-title .title-image img{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.quotationHearder .user .user-title span{font-size:15px;font-weight:600;color:#333}.quotationHearder .user .user-signout{border-radius:4px;background:#fff;box-shadow:0 3px 3px 0 rgba(0,0,0,.25);position:absolute;top:40px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:11px;padding-bottom:11px}.quotationHearder .user .user-signout .signout-image{width:52px;height:52px;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2);margin-bottom:5px;display:flex;justify-content:center;align-items:center}.quotationHearder .user .user-signout .signout-image img{width:90%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.quotationHearder .user .user-signout p{color:#1f286f;font-size:14px;font-weight:600}.quotationHearder .user .user-signout button{width:97px;height:27px;line-height:27px;background-color:#fff;border:1px solid #1f286f;border-radius:3px;color:#1f286f;margin:15px 10px 0 10px}#form-select .blackColor{color:#23242a!important}#form-select .select{position:relative}#form-select .select .select-value{width:100%;color:#b3aca2;font-size:15px;border:1px solid #d1d1d1;border-radius:5px;background-color:#fff;box-shadow:0 0 .82369px 0 rgba(50,50,71,.2),0 .82369px 3.29477px 0 rgba(50,50,71,.08);display:block;position:relative;z-index:1;padding:5px 10px}#form-select .select .select-value:before{content:"";border:5px solid;border-color:transparent transparent #000 transparent;border-radius:4px;position:absolute;top:10%;right:11px}#form-select .select .select-value:after{content:"";border:5px solid;border-color:#000 transparent transparent transparent;border-radius:4px;position:absolute;top:55%;right:11px}#form-select .select .select-option{width:100%;background-color:transparent;position:absolute;left:-5px;top:35px;z-index:2;padding-right:12px;padding-left:12px}#form-select .select .select-option ul{width:100%;max-height:262px;color:#425466;font-size:16px;background-color:#fff;z-index:1;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.3);margin:0 0 0 5px;overflow:auto}#form-select .select .select-option ul::-webkit-scrollbar{width:4px}#form-select .select .select-option ul::-webkit-scrollbar-track{background-color:#f1f1f1}#form-select .select .select-option ul::-webkit-scrollbar-thumb{background-color:#d9d9d9}#form-select .select .select-option ul::-webkit-scrollbar-button{display:none}#form-select .select .select-option ul li{padding:8px 11px 6px 11px;border-radius:4px}#form-select .select .select-option ul li:hover{background:#3a89f8;color:#fff}.quo-container{width:70%;margin-top:70px;margin-bottom:151px;margin:auto}.quo-container h1{color:#1f286f;text-align:center;font-size:36px;font-weight:700;margin-top:70px;margin-bottom:24px}.quo-container .form-control::-moz-placeholder{color:#d1d1d1;font-size:16px;font-weight:500}.quo-container .form-control::placeholder{color:#d1d1d1;font-size:16px;font-weight:500}.quo-container .del-button-sm{font-size:11px;font-weight:400;letter-spacing:.3px;border-radius:19px;border:1px solid #3a89f8;color:#3a89f8;background-color:#f0f3fd;padding:5px 11px 6px 11px;margin-right:4px}.quo-container .dark-btn{color:#fff;font-size:14px;background:#1f286f}.quo-container .dark-btn,.quo-container .white-btn{text-align:center;font-weight:700;border-radius:4px;border:1px solid #1f286f}.quo-container .white-btn{color:#1f286f;font-size:16px;background:#fff}.quo-container .income-area{display:flex;justify-content:flex-end;align-items:center;border-top:1px solid #d1d1d1;padding-top:16px}.quo-container .income-area p{display:flex;flex-wrap:wrap;font-size:16px;font-weight:500;padding:4px 12px;border-radius:27px}.quo-container .income-area p span{margin-left:10px;font-weight:700}.quo-container .income-area p:first-child{color:#3a89f8;font-size:12px;font-weight:500;margin-right:10px}.quo-container .income-area p:nth-child(2){background-color:#f0f3fd;color:#1f286f;margin-right:12px;position:relative}.quo-container .income-area p:nth-child(2):after{position:absolute;content:"";top:0;right:-10px;width:1.5px;height:100%;background-color:#1f286f}.quo-container .income-area p:nth-child(3){background-color:#ff2851;color:#fff;margin-left:12px;margin-right:20px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:100%,inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}.quotationStandard .loading{margin-top:100px;display:flex;justify-content:center;margin-bottom:100px}.quotationStandard h3{font-size:16px;font-weight:700;color:#1f286f}.quotationStandard .top-btns{display:flex;justify-content:flex-end;margin-top:-20px;margin-bottom:14px}.quotationStandard .top-btns button{font-size:16px;font-weight:500;border-radius:4px}.quotationStandard .top-btns button img{width:24px;height:24px;margin-right:5px}.quotationStandard .top-btns button:hover{cursor:pointer}.quotationStandard .top-btns button:first-child{color:#ff2851;border:1px solid #ff2851;background-color:#fff;margin-right:auto;padding-right:10px;padding-left:10px}.quotationStandard .top-btns button:nth-child(2){height:36px;border:1px solid #3a89f8;background-color:#3a89f8;color:#fff;margin-right:10px;padding-right:27px;padding-left:27px}.quotationStandard .top-btns .btn-load{position:relative}.quotationStandard .top-btns .btn-load button{height:36px;border:1px solid #3a89f8;color:#3a89f8;background-color:#fff;padding-right:17px;padding-left:17px}.quotationStandard .top-btns .btn-load:hover{cursor:pointer}.quotationStandard .top-btns .read-box{background-color:#fff;border-radius:4px;border:1px solid rgba(50,50,71,.1);box-shadow:0 1px 3px 0 rgba(50,50,71,.1);position:absolute;top:49px;right:0;padding:16px 20px;z-index:99}.quotationStandard .top-btns .read-box .loading-read{display:flex;justify-content:center;align-items:center;margin-top:0;margin-bottom:0;padding-right:85px;padding-left:85px}.quotationStandard .top-btns .read-box p{font-size:20px;color:#1f286f;font-weight:700;margin-bottom:13px}.quotationStandard .top-btns .read-box .select-btn{width:100%;background-color:#3a89f8;color:#fff;margin-top:12px}.quotationStandard .top-btns .read-box:before{content:"";border:15px solid;border-color:transparent transparent rgba(183,182,182,.25) transparent;position:absolute;top:-29px;right:49px}.quotationStandard .top-btns .read-box:after{content:"";border:13.5px solid;border-color:transparent transparent #fff transparent;position:absolute;top:-26px;right:50.5px}.quotationStandard .top-btns .read-box .custom-select{border-radius:4px;background:#fff;box-shadow:0 1px 3px 0 rgba(50,50,71,.1),0 0 4px 0 rgba(12,26,75,.2);border:0}.quotationStandard .top-btns .read-box .custom-select:focus-visible{outline:0}.quotationStandard .top-btns .read-box .custom-select::-webkit-scrollbar-track{background-color:#fff}.quotationStandard .top-btns .read-box .custom-select::-webkit-scrollbar{width:4px}.quotationStandard .top-btns .read-box .custom-select::-webkit-scrollbar-thumb{background-color:#d9d9d9}.quotationStandard .top-btns .read-box .custom-select optgroup{font-size:18px;margin:8px 0 0 5px}.quotationStandard .top-btns .read-box .custom-select option{font-size:16px;color:#4f4f54;line-height:26px;letter-spacing:.48px;padding:0 20px 0 20px;background-color:#fff}.quotationStandard main{border:1px solid #d1d1d1;border-radius:8px;padding:33px 0 16px 0;margin:0;margin-bottom:18px}.quotationStandard .quto-main{display:flex;overflow-x:scroll;padding-bottom:5px;overflow-y:hidden}.quotationStandard .quto-main::-webkit-scrollbar{height:8px}.quotationStandard .quto-main::-webkit-scrollbar-thumb{background-color:#d9d9d9}.quotationStandard .quote-titles{width:35%;min-width:200px;max-height:900px;border:1px solid #d1d1d1;border-radius:3px;margin-right:20px;padding:0;margin-left:24px}.quotationStandard .quote-titles h2{color:#1f286f;text-align:center;font-size:20px;font-weight:700;border-radius:5px;background:#f0f3fd;padding:14px 8px;margin:16px 21px 20px 17px}.quotationStandard .quote-titles .accordion{overflow-y:scroll;max-height:900px}.quotationStandard .quote-titles .accordion::-webkit-scrollbar-track{background-color:#f0f3fd}.quotationStandard .quote-titles .accordion::-webkit-scrollbar{width:4px}.quotationStandard .quote-titles .accordion::-webkit-scrollbar-thumb{background-color:#d9d9d9}.quotationStandard .quote-titles .btn-light{display:flex;justify-content:space-between;align-items:center;font-weight:700;border:1px solid #fffdfd;background:#fffdfd;box-shadow:0 0 4px 0 rgba(0,0,0,.25);width:100%;padding:0}.quotationStandard .quote-titles .btn-light div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-grow:1;margin-right:5px;margin:16px 5px 16px 12px}.quotationStandard .quote-titles .btn-light div h3{margin-right:5px}.quotationStandard .quote-titles .btn-light div .accordion-des{color:#767677;font-size:12px}.quotationStandard .quote-titles .btn-light div p{display:flex;align-items:center;font-size:16px;font-weight:700;color:#4f4f54;margin-left:auto}.quotationStandard .quote-titles .btn-light div span{margin-left:4px;color:#1f286f}.quotationStandard .quote-titles .btn-light img{width:15px;height:15px;margin-right:5px}.quotationStandard .quote-titles .btn-check:checked+.btn,.quotationStandard .quote-titles .btn:active,.quotationStandard .quote-titles .btn:focus,.quotationStandard .quote-titles :not(.btn-check)+.btn:active{background-color:#fff;border:2px solid #86b7fe}.quotationStandard .quote-titles .card{border:0;padding:5px 10px}.quotationStandard .quote-titles .card-header{background-color:#fff;padding:0}.quotationStandard .quote-titles .card-body{padding:0}.quotationStandard .quote-titles .card-text{margin-top:10px}.quotationStandard .quote-titles .titles-item{overflow-y:scroll;max-height:175px;border-radius:3.295px;border:1px solid #d1d1d1;border-radius:0;padding:5px 5px 5px 5px}.quotationStandard .quote-titles .titles-item .btn-light{border:1px solid #fff;border-radius:0;box-shadow:0 0 0 0;margin-bottom:8px}.quotationStandard .quote-titles .titles-item .btn-light div{margin:8px 8px 8px 5px}.quotationStandard .quote-titles .titles-item .btn-check:checked+.btn,.quotationStandard .quote-titles .titles-item .btn:active,.quotationStandard .quote-titles .titles-item .btn:focus,.quotationStandard .quote-titles .titles-item :not(.btn-check)+.btn:active{background-color:#3a89f8;border:1px solid #3a89f8;border-radius:0}.quotationStandard .quote-titles .titles-item .btn-check:checked+.btn h3,.quotationStandard .quote-titles .titles-item .btn-check:checked+.btn p,.quotationStandard .quote-titles .titles-item .btn-check:checked+.btn span,.quotationStandard .quote-titles .titles-item .btn:active h3,.quotationStandard .quote-titles .titles-item .btn:active p,.quotationStandard .quote-titles .titles-item .btn:active span,.quotationStandard .quote-titles .titles-item .btn:focus h3,.quotationStandard .quote-titles .titles-item .btn:focus p,.quotationStandard .quote-titles .titles-item .btn:focus span,.quotationStandard .quote-titles .titles-item :not(.btn-check)+.btn:active h3,.quotationStandard .quote-titles .titles-item :not(.btn-check)+.btn:active p,.quotationStandard .quote-titles .titles-item :not(.btn-check)+.btn:active span{color:#fff}.quotationStandard section{flex:1 1 0;font-size:16px;font-weight:400;color:#4f4f54;border:1px solid #d1d1d1;border-radius:3px;padding:0;margin-right:35px}.quotationStandard section .quote-period{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;border-bottom:1px solid #d1d1d1;padding:0 20px 11px 27px}.quotationStandard section .quote-period div+span,.quotationStandard section .quote-period p{font-size:16px;font-weight:500;margin-top:11px}.quotationStandard section .quote-period p{margin-right:9px}.quotationStandard section .quote-period div{width:80px;font-weight:500;display:flex;justify-content:center;align-items:center;border-radius:7px;background-color:#f0f3fd;padding-right:5px;margin:11px 3px 0 0}.quotationStandard section .quote-period div .form-control{font-size:16px;font-weight:500;border:#fff;background-color:#f0f3fd;padding:3px 0 3px 10px}.quotationStandard section .quote-period img{width:17px;height:17px}.quotationStandard section .quote-period .dark-btn{width:115px;height:35px;margin-left:auto;margin-top:11px}.quotationStandard section .quote-period .error-word{margin-top:11px}.quotationStandard section .quote-group{overflow-y:scroll;max-height:800px;margin-top:15px}.quotationStandard section .quote-group::-webkit-scrollbar-track{background-color:#f0f3fd}.quotationStandard section .quote-group::-webkit-scrollbar{width:4px}.quotationStandard section .quote-group::-webkit-scrollbar-thumb{background-color:#d9d9d9}.quotationStandard section .quote-info{border:1px solid #d1d1d1;box-shadow:0 0 3px rgba(0,0,0,.25);margin:0 20px 20px 15px}.quotationStandard section .quote-info .info-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:13px 11px}.quotationStandard section .quote-info .info-title span{font-size:12px;font-weight:400;color:#1f286f;cursor:pointer}.quotationStandard section .quote-info .info-title img{margin-left:10px;width:20px;cursor:pointer}.quotationStandard section .quote-info .info-item-simple{padding-right:15px;padding-left:15px;padding-top:14px;margin-top:10px;margin-bottom:10px;cursor:pointer;position:relative}.quotationStandard section .quote-info .info-item-simple .del-button-sm{position:absolute;top:0;right:12px;background-color:#fff}.quotationStandard section .quote-info .info-item-simple p{font-size:14px;font-weight:500}.quotationStandard section .quote-info .info-item-simple p:nth-child(3){display:flex;justify-content:space-between;border-bottom:1px solid #dee2e6;padding-bottom:5px}.quotationStandard section .quote-info .info-item-simple span{color:#4f4f54;font-size:16px;font-weight:500}.quotationStandard section .quote-info .info-item-simple span:nth-child(2){font-weight:700}.quotationStandard section .quote-info .info-item{padding-right:15px;padding-left:15px;margin-top:10px;margin-bottom:10px}.quotationStandard section .quote-info .info-item .info-item-top{position:relative}.quotationStandard section .quote-info .info-item .del-button-sm{position:absolute;top:0;right:12px;background-color:#fff}.quotationStandard section .quote-info .info-item .form-unit,.quotationStandard section .quote-info .info-item label{color:#4f4f54;font-size:14px;font-weight:500;margin-top:6px;margin-bottom:3px}.quotationStandard section .quote-info .info-item .form-control{border-top:0;border-right:0;border-left:0;border-radius:0;background-color:#fff;padding:2px 0}.quotationStandard section .quote-info .info-item .form-control:focus{box-shadow:0 0 0 0;border-color:#86b7fe}.quotationStandard section .quote-info .info-item .subtotal{font-size:16px;font-weight:700;text-align:end;color:#4f4f54;margin-top:6px;margin-bottom:8px}.quotationStandard section .quote-info .info-item .dark-btn{width:100%;margin-bottom:10px}.quotationStandard .btn-area{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:105px}.quotationStandard .btn-area .white-btn{font-size:16px;font-weight:500;padding:10.5px 54px;margin:0 10px 0 10px}.quotationStandard .btn-area .dark-btn{font-size:16px;font-weight:500;padding:10.5px 46px;margin:0 10px 0 10px}.quotationStandard .error .select-value{outline:1px solid #ff2851;background:url(../img/WarningCircle.9a9309d1.svg) no-repeat;background-size:17px;background-position:right 25px top 50%}.quotationStandard .error-border{border:1px solid #ff2851}.quotationStandard .error-input-border{border-bottom:1px solid #ff2851}.quotationStandard .form-control:focus{box-shadow:0}.quotationStandard .form-control:focus .error-input-border{border-bottom:0 solid #ff2851}.quotationStandard .error-word{color:#ff2851;font-size:12px;font-weight:400}.quotationStandard .bgc-blue{background:#f0f3fd}.quotationStandard .bgc-white{background-color:#fff}.quotationStandard .collapsed>.when-open,.quotationStandard .not-collapsed>.when-closed{display:none}.quotationStandard .swal2-popup.swal2-modal{font-size:10pt}.quotationStandard .swal2-modal .swal2-error{border:.25em solid #f27474}.quotationStandard .swal2-modal .swal2-icon-show{margin-left:43%;margin-top:20px}.input-style[data-v-22ea3e28]{width:100%;border:0;border-bottom:1px solid #dcdcdc;border-radius:0;background-color:#fff;padding:2px 0;font-size:22px;letter-spacing:3px}.input-style[data-v-22ea3e28]:focus,.input-style[data-v-22ea3e28]:focus-visible{box-shadow:0 0 0 0;border-color:#86b7fe;outline:0}