ul{padding: 0;}
a{text-decoration: none;color: #000;}

.inline{display:inline-block;}
.ff{font-family: Microsoft JhengHei; font-size: 12pt;}
.ffc{font-family: cursive;}

.fz-10{font-size: 10pt;}
.fz-105{font-size: 10.5pt;}
.fz-11{font-size: 11pt;}
.fz-12{font-size: 12pt;}
.fz-12x{font-size: 12px;}
.fz-14{font-size: 14pt;}
.fz-15{font-size: 15pt;}
.fz-15x{font-size: 15px;}
.fz-16{font-size: 16pt;}
.fz-18{font-size: 18pt;}

.ta-c{text-align: center;}
.ta-r{text-align: right;}

.pd3-3{padding: 1px 10px;} 
.pd5-0{padding: 5px 0px;} 
.pd5-10{padding: 5px 10px;}
.pd-1{padding: 10px 0 20px;}
.pdt-10{padding-top: 10px;}
.pdb-10{padding-bottom: 10px;}
.pdl-25{padding-left:25px !important;}
.pd-L{padding-left:30px !important;}


.m-0{margin: 0px 0;}
.m-5{margin: 5px 0;}
.m-10{margin: 10px 0;}
.m-20{margin: 20px 0;}
.mt-5{margin-top: 5px;}
.mt-08{margin-top: 0.8em;}
.mt--15{margin-top: -15px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-50{margin-bottom: 50px;}
.mb-100{margin-bottom: 100px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.ml-5{margin-left: 5px;}
.ml-5i{margin-left: 5px !important;}
.ml-10{margin-left: 10px;}

.w20p{width: 20px;}
.w30p{width: 30px;}
.w50p{width: 50px;}
.w70p{width: 70px;}
.w80p{width: 80px;}
.w85p{width: 85px;}
.w90p{width: 90px;}
.w100p{width: 100px;}
.w110p{width: 110px;}
.w120p{width: 120px;}
.w130p{width: 130px;}
.w150p{width: 150px;}
.w150p{width: 150px;}
.w160p{width: 160px;}
.w165p{width: 165px;}
.w170p{width: 170px;}
.w200p{width: 200px;}
.w210p{width: 210px;}
.w215p{width: 215px;}
.w230p{width: 230px;}
.w300px{width: 300px;}
.w300p{width: 300px;min-width:107px !important;}
.w350p{width: 350px;}
.w430p{width: 430px;}
.w445p{width: 445px;}
.w450p{width: 450px;}
.w600p{width: 600px;}
.w700p{width: 700px;}
.w15{width: 15% !important;}
.w18{width: 18%;}
.w20{width: 20%;}
.w25 {width: 25% !important;}
.w30{width: 30%;}
.w33{width: 33%;}
.w35{width: 35%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w50{width: 49%;}
.w55{width: 55%;}
.w65{width: 65%;}
.w80{width: 80%;}
.w100{width: 100%;}
.w1{width: calc(100% - 140px);}
.w2{width: calc(100% - 84.5px);}
.w3{width: calc(100% - 109px);}
.w4{width: calc(100% - 119px);}
.w5{width: calc(100% - 180px);}
.w6{width: calc(100% - 120px);}
.w7{width: calc(50% - 73px);}

.m-w175p{min-width: 175px;}
.m-w161p{min-width: 161px;}

.line-h15{line-height: 2;}
.h25{height: 25px;}
.h30{height: 30px;}
.h35{height: 35px;}
.h40{height: 40px;}
.h45{height: 45px;}
.h50{height: 50px;}
.h60{height: 60px;}
.h70{height: 70px;}
.h100{height: 100px;}

.ls3{letter-spacing: 3px;}

.clear{clear: both;}

.float-r{float: right;}
.float-l{float: left;}

.br-4{border-radius: 7px;}

.b-n{border:none}
.b-1{border: 1px solid rgb(189, 60, 60);}
.b-2{border: 1px solid rgb(218, 218, 218);}
.bm-1{border-bottom: 3px dotted #008181;}
.bm-2{border-bottom: 1px solid #bebebe;}
.bt-1{border-top: 2px dotted #cacaca;}
.bt-2{border-top: 1px solid #000000;}
.bl-1{border-left: 1px solid rgb(218, 218, 218);}


.bg1{background-color: rgb(189, 60, 60);word-break: break-all;}
.bg2{background-color: #008181;}
.bg3{background-color: #fff0f2 !important;}
.bg4{background-color: #b5b5b5 !important;}
.bg5{background-color: white;}

.color-white{color: rgb(255, 255, 255);width:100px !important;}
.color-red{color: rgb(255, 0, 0);}
.color-r1{color: rgb(189, 60, 60);}
.color-blue{color: blue;}
.color-r2{color: #d60909 !important;}
.color-yellow{color: #efa30a !important;}
.color-b1{color: #4B80DD !important;}
.color-green{color:  #00a381 !important;}
.color-brown{color: #8F603F !important;}
.color-purple{color: #9E75B1 !important;}

.cs-send{color: rgb(75, 128, 221) !important;}
.cs-review{color: rgb(232, 157, 7) !important;}
.cs-return{color: rgb(226, 89, 99) !important;}
.cs-recheck{color: rgb(201, 114, 247) !important;}
.cs-decide{color: rgb(146, 98, 65) !important;}

.need{
    color: rgb(255, 0, 0) !important;
    font-size: 10pt !important;
    margin-left: 3px !important;
}
.centerbox{
	text-align:center;
	margin:0 auto;
}

.d-flex{display:flex;}
.shrink{flex-shrink:0;}

.d-bl{display:block;}
.adjust-panel>.graytable >a{
    text-decoration: revert !important; 
    color: revert !important;
}

.va-m{vertical-align: middle;}