@charset "UTF-8";
/*----------reset css-----------*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

img { border: 0; max-width: 100%; vertical-align: middle; height: auto; }

iframe { max-width: 100%; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="text"]:focus { outline: none; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; }

textarea:focus { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

ul, ol, dl, h1, h2, h3, h4, h5, h6, p, figure { padding: 0; margin: 0; }

textarea { resize: none; }

*:focus { outline: none; }

/*元素垂直置中*/
/*會由後台上稿的圖片*/
/*-------------------unrest css-----------------*/
.unreset { font-size: 16px; }
.unreset li { display: list-item; }
.unreset head { display: none; }
.unreset col { display: table-column; }
.unreset colgroup { display: table-column-group; }
.unreset td, .unreset th { display: table-cell; }
.unreset caption { display: table-caption; text-align: center; }
.unreset th { font-weight: bold; text-align: center; }
.unreset body { margin: 8px; }
.unreset address, .unreset blockquote, .unreset dd, .unreset div, .unreset dl, .unreset dt, .unreset fieldset, .unreset form, .unreset frame, .unreset frameset, .unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset noframes, .unreset ol, .unreset p, .unreset ul, .unreset center, .unreset dir, .unreset hr, .unreset menu, .unreset pre { display: block; }
.unreset h1 { font-size: 2em; margin: 0.67em 0; }
.unreset h2 { font-size: 1.5em; margin: 0.75em 0; }
.unreset h3 { font-size: 1.17em; margin: 0.83em 0; }
.unreset h4, .unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl, .unreset dir, .unreset menu { margin: 1.12em 0; }
.unreset h5 { font-size: .83em; margin: 1.5em 0; }
.unreset h6 { font-size: .75em; margin: 1.67em 0; }
.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong { font-weight: bolder; }
.unreset blockquote { margin-left: 40px; margin-right: 40px; }
.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address { font-style: italic; }
.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp { font-family: monospace; }
.unreset pre { white-space: pre; }
.unreset button, .unreset textarea, .unreset input, .unreset select { display: inline-block; }
.unreset big { font-size: 1.17em; }
.unreset small, .unreset .unreset sub, .unreset .unreset sup { font-size: 0.83em; }
.unreset sub { vertical-align: sub; }
.unreset sup { vertical-align: super; }
.unreset s, .unreset strike, .unreset del { text-decoration: line-through; }
.unreset hr { border: 1px inset; }
.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd { margin-left: 40px; }
.unreset ol, .unreset ol li { list-style-type: decimal; }
.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol { margin-top: 0; margin-bottom: 0; }
.unreset ul, .unreset ul li { list-style-type: disc; }
.unreset u, .unreset ins { text-decoration: underline; }
.unreset br:before { content: "\A"; white-space: pre-line; }
.unreset center { text-align: center; }
.unreset:link, .unreset:visited { text-decoration: underline; }
.unreset:focus { outline: thin dotted invert; }
.unreset img { max-width: 100%; height: initial !important; }
.unreset iframe { max-width: 100%; }
.unreset .embeddedContent { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.unreset .embeddedContent iframe, .unreset .embeddedContent object, .unreset .embeddedContent embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.unreset a { color: #0066ff; }

.unreset table { background-color: transparent; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; }
.unreset th { text-align: left; }
.unreset .dcf-txt-center { text-align: center !important; }
.unreset .dcf-txt-left { text-align: left !important; }
.unreset .dcf-txt-right { text-align: right !important; }
.unreset .dcf-table caption { color: var(--caption); font-size: 1.13em; font-weight: 700; padding-bottom: 0.56rem; }
.unreset .dcf-table thead { font-size: 0.84em; }
.unreset .dcf-table tbody { border-bottom: 1px solid var(--b-table); border-top: 1px solid var(--b-table); font-size: 0.84em; }
.unreset .dcf-table tfoot { font-size: 0.84em; }
.unreset .dcf-table td, .unreset .dcf-table th { padding-right: 1.78em; }
.unreset .dcf-table-bordered, .unreset .dcf-table-bordered td, .unreset .dcf-table-bordered th { border: 1px solid var(--b-table); }
.unreset .dcf-table-bordered td, .unreset .dcf-table-bordered th, .unreset .dcf-table-striped td, .unreset .dcf-table-striped th { padding-left: 1em; padding-right: 1em; }
.unreset .dcf-table-bordered tr:not(:last-child), .unreset .dcf-table-striped tr:not(:last-child) { border-bottom: 1px solid var(--b-table); }
.unreset .dcf-table-striped tbody tr:nth-of-type(2n) { background-color: var(--bg-table-stripe); }
.unreset .dcf-table thead td, .unreset .dcf-table thead th { padding-bottom: .75em; vertical-align: bottom; }
.unreset .dcf-table tbody td, .unreset .dcf-table tbody th, .unreset .dcf-table tfoot td, .unreset .dcf-table tfoot th { padding-top: .75em; vertical-align: top; }
.unreset .dcf-table tbody td, .unreset .dcf-table tbody th { padding-bottom: 0.75em; }
.unreset .dcf-table-bordered thead th { padding-top: 1.33em; }
.unreset .dcf-wrapper-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; left: 50%; margin-left: -50vw; margin-right: -50vw; padding-bottom: 1em; position: relative; right: 50%; width: 100vw; }
.unreset .dcf-overflow-x-auto { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 42.09em) { .unreset .dcf-table-responsive thead { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; white-space: nowrap; }
    .unreset .dcf-table-responsive tr { display: block; }
    .unreset .dcf-table-responsive td { -webkit-column-gap: 3.16vw; -moz-column-gap: 3.16vw; column-gap: 3.16vw; display: grid; grid-template-columns: 1fr 2fr; text-align: left !important; }
    .unreset .dcf-table-responsive.dcf-table-bordered, .unreset .dcf-table-responsive.dcf-table-bordered thead th { border-width: 0; }
    .unreset .dcf-table-responsive.dcf-table-bordered tbody td { border-top-width: 0; }
    .unreset .dcf-table-responsive:not(.dcf-table-bordered) tbody tr { padding-bottom: 0.75em; }
    .unreset .dcf-table-responsive:not(.dcf-table-bordered) tbody td { padding-bottom: 0; }
    .unreset .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td { padding-right: 0; }
    .unreset .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child { border-bottom-width: 0; }
    .unreset .dcf-table-responsive tbody td:before { content: attr(data-label); float: left; font-weight: 700; padding-right: 1.78em; } }
.c2 { color: #222222; }

.c3 { color: #333333; }

.c5 { color: #555555; }

.c7 { color: #777777; }

.cd { color: #dddddd; }

.ce { color: #eeeeee; }

.redcolor { color: #fc5949; }

.purplecolor { color: #6189fa; }

.main_c { color: var(--main_color); }

.main_c2 { color: var(--main_color2); }

.f12 { font-size: 12px; }

.f13 { font-size: 13px; }

.f14 { font-size: 14px; }

.f15 { font-size: 15px; }

.f16 { font-size: 16px; }

.f17 { font-size: 17px; }

.f18 { font-size: 18px; }

.f19 { font-size: 19px; }

.f20 { font-size: 20px; }

.f21 { font-size: 21px; }

.f22 { font-size: 22px; }

.f23 { font-size: 23px; }

.f24 { font-size: 24px; }

.f25 { font-size: 25px; }

.f26 { font-size: 26px; }

.f27 { font-size: 27px; }

.f28 { font-size: 28px; }

.f29 { font-size: 29px; }

.f30 { font-size: 30px; }

.f31 { font-size: 31px; }

.f32 { font-size: 32px; }

.f33 { font-size: 33px; }

.f34 { font-size: 34px; }

.f35 { font-size: 35px; }

.f36 { font-size: 36px; }

.f37 { font-size: 37px; }

.f38 { font-size: 38px; }

.f39 { font-size: 39px; }

.f40 { font-size: 40px; }

.f41 { font-size: 41px; }

.f42 { font-size: 42px; }

.f43 { font-size: 43px; }

.f44 { font-size: 44px; }

.f45 { font-size: 45px; }

.f46 { font-size: 46px; }

.f47 { font-size: 47px; }

.f48 { font-size: 48px; }

.f49 { font-size: 49px; }

.f50 { font-size: 50px; }

.f51 { font-size: 51px; }

.f52 { font-size: 52px; }

.f53 { font-size: 53px; }

.f54 { font-size: 54px; }

.f55 { font-size: 55px; }

.f56 { font-size: 56px; }

.f57 { font-size: 57px; }

.f58 { font-size: 58px; }

.f59 { font-size: 59px; }

.f60 { font-size: 60px; }

.fontlight { font-weight: lighter; }

.bold { font-weight: bold; }

.letterspace20 { letter-spacing: 0.02em; }

.letterspace30 { letter-spacing: 0.03em; }

.letterspace50 { letter-spacing: 0.05em; }

.text-indent2 { text-indent: 2em; }

.normalP { font-size: 16px; }

@media (max-width: 480px) { .normalP { font-size: 15px; } }
.bgeeeeee { background-color: #eeeeee; }

.textalignleft { text-align: left; }

.textaligncenter { text-align: center; }

.textalignright { text-align: right; }

.verticaltop { vertical-align: top; }

.tdverticaltop { vertical-align: top; padding-top: 13px !important; }

.verticalmiddle { vertical-align: middle; }

.verticalbottom { vertical-align: bottom; }

.displayinlineblock { display: inline-block; }

.aligncenter { align-items: center; }

.displayflex { display: flex; flex-wrap: wrap; gap: 5px; }

.displayflex2 { display: flex; gap: 5px; }

.inlineblockmarr5 { display: inline-block; margin-right: 5px; }

.marginright10 { margin-right: 10px; }

.marginbottom20 { margin-bottom: 20px; }

.marginbottom10 { margin-bottom: 10px; }

.margintop10 { margin-top: 10px; }

.margintop20 { margin-top: 20px; }

.margintop30 { margin-top: 30px; }

.padtop10 { padding-top: 10px; }

.padbot10 { padding-bottom: 10px; }

.padtop20 { padding-top: 20px; }

.padbot20 { padding-bottom: 20px; }

.padtop30 { padding-top: 30px; }

.padbot30 { padding-bottom: 30px; }

.padtop40 { padding-top: 40px; }

.padbot40 { padding-bottom: 40px; }

.padtop50 { padding-top: 50px; }

.padbot50 { padding-bottom: 50px; }

.padtop60 { padding-top: 60px; }

.padbot60 { padding-bottom: 60px; }

.padtop70 { padding-top: 70px; }

.padbot70 { padding-bottom: 70px; }

.padtop80 { padding-top: 80px; }

.padbot80 { padding-bottom: 80px; }

.padtop90 { padding-top: 90px; }

.padbot90 { padding-bottom: 90px; }

.padtop100 { padding-top: 100px; }

.padbot100 { padding-bottom: 100px; }

.padtop110 { padding-top: 110px; }

.padbot110 { padding-bottom: 110px; }

.padtop120 { padding-top: 120px; }

.padbot120 { padding-bottom: 120px; }

.padtop130 { padding-top: 130px; }

.padbot130 { padding-bottom: 130px; }

@media (max-width: 1280px) { .padtop130, .padtop100 { padding-top: 60px; }
    .padbot110 { padding-bottom: 80px; } }
@media (max-width: 480px) { .padtop130, .padtop100, .padtop50 { padding-top: 30px; }
    .padbot110 { padding-bottom: 60px; } }
.pad20 { padding: 0 20px 20px 20px; }

.marginleftright10 { margin: 0 10px; }

.marginbottom5 { margin-bottom: 5px; }

@media (max-width: 480px) { .mobiledisplaybr br { display: none; } }

.btnstyle { border-radius: 4px; font-size: 16px; line-height: 1; text-transform: uppercase; color: #fff; background: #333; border: none; padding: 13px 17.6px; display: inline-block; gap: 5px; display: flex; }
.btnstyle.mainc { background-color: var(--main_color2); }
.btnstyle.mainc:hover { background-color: var(--main_color2); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
.btnstyle.clear { background-color: var(--clear_color); }
.btnstyle.clear:hover { background-color: var(--clear_color); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
.btnstyle:hover { background-color: var(--main_color); }
.btnstyle.remove_paysec { font-size: 17px; background: #bbb; padding: 12px 30px; margin-top: 5px; }
.btnstyle:active { box-shadow: 2px 2px 5px #ccc; }
.btnstyle.border { background-color: #fff; color: #333; border: 1px solid #333; }
.btnstyle.border:hover { color: #fff; background-color: var(--main_color); border: 1px solid var(--main_color); }

@media (max-width: 1024px) { .btnstyle { font-size: 16px; padding: 14px 30px; } }
@media (max-width: 640px) { .btnstyle { padding: 14px 20px; } }
.morebtn { font-size: 14px; letter-spacing: 0; background: #a1a1a1; padding: 10px 15px; color: #ffffff; line-height: 1; border-radius: 3px; display: inline-block; }
.morebtn:hover { color: #fff; background-color: var(--main_color); }

.radiusbtnstyle { color: #777; font-size: 14px; border-radius: 5px; text-align: center; letter-spacing: 0; display: inline-block; padding: 4px 8px 3px 8px; border: none; margin: 2px 2.7px; cursor: pointer; background-color: #fff; border-width: 1px; border-bottom-width: 3px; border-style: solid; border-color: #777; }
.radiusbtnstyle.big { font-size: 18px; font-weight: bold; padding: 7px 16px 4px 16px; }
.radiusbtnstyle.active { border-color: var(--active_color); color: var(--active_color); }
.radiusbtnstyle.active:hover { background-color: var(--active_color_bg); }
.radiusbtnstyle.lightgray { background-color: #eee; }
.radiusbtnstyle.yellow { background-color: #ff9100; }
.radiusbtnstyle.blue { background-color: #00a3d4; }
.radiusbtnstyle:hover { background: #eee; }
.radiusbtnstyle:active { border-bottom-width: 2px; }
.radiusbtnstyle.addbtncolor { border-color: var(--addbtn_color); color: var(--addbtn_color); }
.radiusbtnstyle.addbtncolor:hover { background-color: var(--addbtn_color_bg); }
.radiusbtnstyle.deletbtn { color: #ba8b67; border-color: #ba8b67; }
.radiusbtnstyle.deletbtn:hover { background-color: #fff8f3; }
.radiusbtnstyle.mediumsize { font-size: 17px; padding: 6px 12px 4px 12px; font-weight: bold; margin: 0; }

.flexcenter { display: flex; flex-wrap: wrap; justify-content: center; }

.flexaligncenter { display: flex; flex-wrap: wrap; align-items: center; }

.flexjustifyend { display: flex; flex-wrap: wrap; justify-content: end; }

.flexbetween { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; }

.alignitems { align-items: center; }

.btncenter { text-align: center; margin: 20px 0px; }

.circlebtn { width: 100px; height: 100px; border-radius: 100%; display: flex; text-align: center; align-items: center; justify-content: center; font-weight: bold; font-size: 15px; background-color: #ccc; }
.circlebtn:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.linktxt { border-bottom: 1px solid var(--main_color2); }

.hoverunderline:hover { text-decoration: underline; }

.backpre { text-align: center; }

.vefify { display: flex; flex-wrap: wrap; justify-content: center; }

textarea.inputstyle { min-height: 64px; max-width: 100%; line-height: 1.3; padding: 10px; font-size: 16px; }
textarea.inputstyle.borderradiustop0 { border-radius: 0 0 10px 10px; }

select.inputstyle { padding: 10px 10px; }

select.inputstyle[disabled="disabled"] { opacity: 1; }

.inputstyle { border: 2px solid transparent; max-width: 428px; width: 100%; padding: 10px; background-color: #fff; border-radius: 10px; border: 1px solid #999; }
.inputstyle.maxwidthinitail { max-width: initial; }
.inputstyle:not([disabled="disabled"]):focus { border: 1px solid var(--main_color); }
.inputstyle[disabled], .inputstyle[readonly] { color: #666; background-color: #f1f1f1; border-color: #f1f1f1; }
.inputstyle::placeholder { color: #999; }
.inputstyle.whole { max-width: 100%; }
.inputstyle.w75 { width: 75px; }
.inputstyle.w100 { width: 100px; }
.inputstyle.w150 { width: 150px; }
.inputstyle.w200 { width: 200px; }
.inputstyle.w310 { width: 310px; }
@media (max-width: 767px) { .inputstyle.w310 { width: 100%; } }
.inputstyle.textareastyle { height: 218px; }
.inputstyle.bordergraybg { background: #f2f2f2; border: 1px solid #dbdbdb; border-radius: 20px; padding: 8px 15px; }
.inputstyle.bordergraybgshadow { background: #f2f2f2; border-radius: 20px; padding: 10px 15px; border: none; -webkit-box-shadow: inset 5px 5px 0px 0px #e0e0e0; -moz-box-shadow: inset 5px 5px 0px 0px #e0e0e0; box-shadow: inset 5px 5px 0px 0px #e0e0e0; }

.currency-input { text-align: right; }

@media (max-width: 480px) { .inputstyle { font-size: 16px; } }
.twzipcodeinput { margin-right: 5px; }

.labelblock { display: inline-block; padding: 3px 25px 3px 0px; }
.labelblock label { cursor: pointer; }

.radiobox { margin-right: 10px; }

.radiostyle { margin-right: 3px; }

.radiobtnset { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.radiobtnset .radiobtn { cursor: pointer; }
.radiobtnset .radiobtn input[type=radio] { visibility: hidden; width: 0; height: 0; }
.radiobtnset .radiobtn label { cursor: pointer; padding: 10px 25px; background-color: #f7f7f7; border-radius: 6px; border: 1px solid #cccccc; text-align: center; display: inline-block; }
.radiobtnset .radiobtn label:hover { background-color: #ddd; }
.radiobtnset .radiobtn label.nohover:hover { color: #333; background-color: #f7f7f7; border: 1px solid #cccccc; }
.radiobtnset .radiobtn input[type=radio]:checked + label { color: #fff; background-color: var(--main_color2); border: 1px solid var(--main_color2); }

.checkboxset_out { justify-content: center; display: flex; flex-wrap: wrap; }
.checkboxset_out.flexstart { justify-content: start; }

.checkboxset { display: flex; flex-wrap: wrap; align-items: center; gap: 0px 10px; }
.checkboxset.noflex { display: block; }
.checkboxset .checkbox_one { display: flex; gap: 5px; padding: 5px; }
.checkboxset .checkbox_one.aligncenter { align-items: center; }
.checkboxset .checkbox_one .checkstyle { flex-shrink: 0; }
.checkboxset .checkbox_one .txt { flex-shrink: 0; }

.checkstyle { width: 25px; height: 25px; vertical-align: bottom; }

.selfcenter { align-self: center; display: flex; justify-self: center; }

input.checkstyle_cust[type=checkbox] { visibility: hidden; position: absolute; }

input.checkstyle_cust[type=checkbox] + .checkboxbefore { cursor: pointer; display: inline-block; }

input.checkstyle_cust[type=checkbox] + .checkboxbefore:before { height: 25px; width: 25px; margin-right: 6px; content: " "; display: inline-block; vertical-align: text-bottom; transition: 0.3s; background: url(../images/checkbox.svg) no-repeat; background-size: contain; }

input.checkstyle_cust[type=checkbox]:checked + .checkboxbefore:before { background: url(../images/checkbox_checked.svg) no-repeat; height: 25px; width: 25px; background-size: contain; }

input.checkstyle2[type=checkbox] { visibility: hidden; position: absolute; }

input.checkstyle2[type=checkbox] + .checkboxbefore2 { cursor: pointer; display: inline-block; }

input.checkstyle2[type=checkbox] + .checkboxbefore2:before { height: 41px; width: 41px; margin-right: 4px; content: " "; display: inline-block; vertical-align: text-bottom; transition: 0.3s; background: url(../images/checkbox2.png) no-repeat; background-size: contain; }

input.checkstyle2[type=checkbox]:checked + .checkboxbefore2:before { background: url(../images/checkbox2_checked.png) no-repeat; background-size: contain; }

.unreset .listystyle { margin-left: 0; }

.listystyle { padding-left: 20px; }
.listystyle li { margin-bottom: 5px; }

.enlist { padding-left: 30px; }
.enlist li { list-style: upper-roman; }
.enlist li::marker { color: #ca000a; }

.page_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; padding: 30px 0 40px 0; color: #2f2f2f; font-weight: 300; }
@media (max-width: 480px) { .page_box { padding: 20px 0 30px 0; } }
.page_box .page_num { display: inline-block; font-size: 16px; text-align: center; margin: 0 5px; text-decoration: none; width: 35px; height: 35px; line-height: 35px; color: #333; margin-bottom: 10px; border-radius: 50px; }
.page_box .page_num.active, .page_box .page_num:hover { background-color: var(--main_color); color: #fff; }
.page_box a.page_arrow { padding: 0 10px; display: inline-block; color: #222222; }
.page_box a.page_arrow:hover { color: #fff; border: none; }
.page_box .page_dot { display: inline-block; padding: 10px; text-align: center; margin: 0 3px; }
.page_box .page_select { display: inline-block; margin-left: 20px; margin-bottom: 10px; }
.page_box .page_select .num_input { border: none; background-color: #fff; border: 1px solid #d9d9d9; width: 50px; height: 26px; padding: 3px 0px; margin: 0 5px; text-align: center; }
.page_box .page_select .paget { color: #bfbfbf; font-size: 14px; font-weight: var(--Light); }

@media (max-width: 480px) { .page_box .page_num { padding: 6px 10px; }
    .page_box .page_select { margin: 5px 7px; font-size: 12px; } }
.unreset { line-height: 1.8; }
@media (max-width: 480px) { .unreset { font-size: 15px; } }

table.formtable tbody tr th, table.formtable tbody tr td { padding: 8px 8px; border: 2px solid #fff; background: #e5e9ff; font-size: 15px; text-align: center; }
table.formtable tbody tr td.graybg { background: #eeeeee; border-bottom: 1px solid #fff; }

.EN table.formtable tbody tr th, table.formtable tbody tr td { font-size: 13px; }

@media (max-width: 768px) { table.formtable tbody tr th, table.formtable tbody tr td { padding: 8px 10px; } }
.table_overflow { width: 100%; overflow: auto; }

table.noborder { width: 100%; }
@media (max-width: 480px) { table.noborder tr td { display: block; width: 100%; }
    table.noborder tr td.mobileinlineblock { display: inline-block; width: initial; }
    table.noborder tr td:first-child { padding-bottom: 0; }
    table.noborder tr td:nth-child(2) { padding-top: 0; } }
table.noborder tr td { padding: 5px; }

table.borderbottom { width: 100%; margin-top: 30px; }
@media (max-width: 767px) { table.borderbottom { font-size: 12px; } }
table.borderbottom tr th, table.borderbottom tr td { text-align: center; padding: 20px 10px; }
table.borderbottom tr th { background-color: #329ec1; color: #fff; font-size: 17px; letter-spacing: 0.02em; font-weight: normal; }
table.borderbottom tr td { border-bottom: 1px solid #e5e5e5; padding: 30px 10px; font-size: 18px; }

ul.iconlist li { list-style: none; display: flex; flex-wrap: wrap; font-weight: bold; margin-bottom: 3px; }
ul.iconlist li.normalweight { font-weight: normal; }
ul.iconlist li .icon { flex-shrink: 0; }
ul.iconlist li .txt { flex: 1; padding-left: 5px; }

ol.ollist { padding-left: 22px; line-height: 1.6; font-size: 16px; }
ol.ollist li { margin-bottom: 10px; }

.notextunderline { text-decoration: none; }

.flexicon, .unreset .flexicon { display: flex; }
.flexicon .icon, .unreset .flexicon .icon { flex-shrink: 0; margin-right: 5px; }
.flexicon .icon i, .unreset .flexicon .icon i { font-style: normal; }
.flexicon .txt, .unreset .flexicon .txt { flex: 1; }

.unreset .twophotoflex { display: flex; justify-content: space-between; }
.unreset .twophotoflex .box { width: 49%; }

.empty-row { margin-left: auto; margin-right: auto; padding: 40px 20px; max-width: 640px; }
.empty-row .img-box { max-width: 100px; margin-left: auto; margin-right: auto; }
.empty-row .img-box img { display: block; width: 100%; }
.empty-row .content { margin-top: 40px; text-align: center; }
.empty-row .content .title { color: #222; font-size: 32px; line-height: 1.2; margin: 0; }
.empty-row .content .des { color: #999; font-size: 17px; line-height: 1.6; margin: 0; margin-top: 20px; }
.empty-row .btn-row { margin-top: 40px; }
.empty-row .btn-row .link { background: #aaa; color: #fff; display: block; font-size: 17px; margin-left: auto; margin-right: auto; padding: 13px; text-align: center; text-decoration: inherit; transition: all .4s; width: 120px; }
.empty-row .btn-row .link:hover { background: #777; }

@media (max-width: 640px) { .empty-row .content { margin-top: 30px; }
    .empty-row .content .title { font-size: 26px; }
    .empty-row .content .des { font-size: 16px; margin-top: 15px; }
    .empty-row .btn-row { margin-top: 30px; } }
.error-row { background: url(../images/error-background.svg) no-repeat; background-position: center top; max-width: 1400px; margin-left: auto; margin-right: auto; padding: 60px 20px; }
.error-row .img-box { max-width: 640px; margin-left: auto; margin-right: auto; position: relative; width: 100%; }
.error-row .img-box img { display: block; width: 100%; }
.error-row .img-box .error-code { color: #555; font-size: 120px; font-weight: bold; letter-spacing: 5px; line-height: 1; margin: 0; position: absolute; top: 42%; left: 50%; transform: translateX(-57%); }
.error-row .content { margin-top: 50px; text-align: center; }
.error-row .content .title { color: #444; font-size: 30px; font-weight: bold; margin: 0; }
.error-row .content .des { margin-top: 25px; }
.error-row .content .des p { color: #555; font-size: 18px; line-height: 1.6; margin: 0; }
.error-row .content .des p:not(:last-child) { margin-bottom: 5px; }
.error-row .btn-row { margin-top: 80px; }
.error-row .btn-row .link { border-radius: 30px; background: #666666; color: #fff; display: block; font-size: 24px; padding: 15px 13px; margin-left: auto; margin-right: auto; text-align: center; text-decoration: inherit; text-transform: uppercase; transition: all .4s; width: 240px; }
.error-row .btn-row .link:hover { background: #333; }

@media (max-width: 1440px) { .error-row .img-box { max-width: 540px; }
    .error-row .img-box .error-code { font-size: 100px; }
    .error-row .btn-row { margin-top: 50px; } }
@media (max-width: 1024px) { .error-row .img-box { max-width: 440px; }
    .error-row .img-box .error-code { font-size: 70px; top: 45%; }
    .error-row .btn-row { margin-top: 50px; } }
@media (max-width: 640px) { .error-row .img-box .error-code { font-size: 50px; top: 45%; }
    .error-row .content { margin-top: 30px; }
    .error-row .content .title { font-size: 26px; }
    .error-row .content .des { margin-top: 15px; }
    .error-row .content .des p { font-size: 16px; }
    .error-row .btn-row { margin-top: 30px; }
    .error-row .btn-row .link { font-size: 17px; max-width: 170px; } }
.sharebox { display: flex; flex-wrap: wrap; align-items: center; margin-top: 40px; }
.sharebox .share_t { color: #666666; }
.sharebox .sharelinks { display: flex; align-items: center; gap: 10px; }

.sitemap-row { display: flex; flex-wrap: wrap; padding: 20px 0; margin-left: auto; margin-right: auto; gap: 25px; }

.sitemap-row a { text-decoration: inherit; }

.sitemap-row .map-item { border-right: 1px solid #fff; box-sizing: border-box; margin-bottom: 30px; width: calc((100% - 25px*3) / 4); }

.sitemap-row .map-item .title-link { background: #eeeeee; color: #15263b; display: block; font-size: 22px; font-weight: 500; line-height: 1.2; padding: 17px 25px 15px; text-align: center; border-radius: 2px; }

.sitemap-row .map-item .title-link:hover { font-weight: bold; }

.sitemap-row .map-list { margin-top: 15px; margin-bottom: 0; padding-left: 40px; padding-right: 20px; }

.sitemap-row .map-list li { list-style: none; }

.sitemap-row .map-list > li { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #eeeeee; text-align: center; }

.sitemap-row .map-list .second-link { color: #262626; font-size: 20px; line-height: 1.3; text-align: center; }

.sitemap-row .map-list .second-link:hover { font-weight: bold; position: relative; }

.sitemap-row .third-list { padding-left: 17px; margin-top: 10px; }

.sitemap-row .third-list > li { padding-top: 5px; padding-bottom: 5px; }

.sitemap-row .third-list .third-link { color: #333; font-size: 16px; line-height: 1.3; position: relative; }

.sitemap-row .third-list .third-link:before { color: #aaa; content: "\f0da"; font-family: "Font Awesome 6 Free"; font-weight: bold; font-size: 14px; position: absolute; top: 3px; left: -15px; }

.sitemap-row .third-list .third-link:hover { font-weight: bold; }

.sitemap-row .third-list .third-link:hover:before { color: #333; }

.sitemap-row .four-list { padding-left: 17px; margin-top: 10px; }

.sitemap-row .four-list > li { padding-top: 5px; padding-bottom: 5px; }

.sitemap-row .four-list .four-link { color: #333; font-size: 16px; line-height: 1.3; position: relative; }

.sitemap-row .four-list .four-link:before { color: #aaa; content: "-"; font-family: "Font Awesome 6 Free"; font-weight: bold; font-size: 14px; position: absolute; top: 3px; left: -15px; }

.sitemap-row .four-list .four-link:hover { font-weight: bold; }

.sitemap-row .four-list .four-link:hover:before { color: #333; }

@media (max-width: 1024px) { .sitemap-row .map-item { width: 25%; } }
@media (max-width: 960px) { .sitemap-row .map-item { width: 33.3333333333%; } }
@media (max-width: 768px) { .sitemap-row .map-item { width: 50%; }
    .sitemap-row .map-item .title-link { padding: 15px; padding-bottom: 12px; }
    .sitemap-row .map-list { padding-left: 15px; padding-right: 10px; }
    .sitemap-row .map-list > li { padding-top: 6px; padding-bottom: 6px; }
    .sitemap-row .map-list .second-link:hover:before { left: -20px; }
    .sitemap-row .third-list { margin-top: 5px; }
    .sitemap-row .map-list .second-link:before { left: -14px; } }
/*# sourceMappingURL=sitemap.css.map */
.selectdateset { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.selectdateset .selectdate input { width: 265px; }
.selectdateset .dash { font-size: 17px; color: #323232; }

.custom_fileupload_box .custom_fileupload { display: flex; }
.custom_fileupload_box .custom_fileupload:hover button { filter: brightness(90%); }
.custom_fileupload_box .custom_fileupload .inputstyle { flex: 1; border-radius: 10px 0 0 10px; padding-left: 10px; cursor: pointer; }
.custom_fileupload_box .custom_fileupload .inputstyle[disabled="disabled"] { background-color: #eeeeee; color: #333; }
.custom_fileupload_box .custom_fileupload button { background-color: var(--active_color); border: none; padding: 0px 8px; color: #fff; flex-shrink: 0; font-size: 15px; border-radius: 0px 10px 10px 0; border: 1px solid var(--active_color); }
.custom_fileupload_box input[type="file"] { display: none; }

.ck-editor__editable { min-height: 300px; }

.iconflex { display: flex; font-size: 15px; gap: 5px; }
.iconflex .icon { flex-shrink: 0; }
.iconflex .txt { flex: 1; }

.ck-editor *, .ck-body-wrapper, .ck-body-wrapper * { position: initial; }

/*-------------------basic scss---------------------*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; }

html { position: relative; font-size: 100%; }

html * { transition: 0.3s; position: relative; }

@media print { * { -webkit-print-color-adjust: exact !important; /* Chrome, Safari 6 – 15.3, Edge */ color-adjust: exact !important; /* Firefox 48 – 96 */ print-color-adjust: exact !important; /* Firefox 97+, Safari 15.4+ */ }
    table { page-break-inside: auto; }
    tr { page-break-inside: avoid; page-break-after: auto; }
    .page { page-break-inside: avoid; /* 若順著向下排列時會切開此元素，則直接換頁 */ } }
a { text-decoration: none; color: inherit; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

a:active, a:focus { text-decoration: none; }

h1, h2, h3 { font-size: inherit; font-weight: inherit; }

table { table-layout: fixed; }

::-webkit-input-placeholder { color: #999; }

::-moz-placeholder { color: #999; opacity: 1; }

/* firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1; }

/* ie */
input:-moz-placeholder { color: #999; }

input, button { outline: none; }

::-webkit-scrollbar { background-color: transparent; width: 5px; height: 5px; }

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track { background-color: #f2f2f2; }

::-webkit-scrollbar-track:hover { background-color: #f4f4f4; }

/* scrollbar itself */
::-webkit-scrollbar-thumb { background-color: #333; }

::-webkit-scrollbar-thumb:hover { background-color: #000; }

/*反白文字*/
::selection { background: yellow; color: #000; }

::-moz-selection { background: yellow; color: #000; }

.inlineblock { display: inline-block; }

.floatleft { float: left; }

.floatright { float: right; }

.clearfloat { clear: both; height: 0; line-height: 0px; }

.video-container { position: relative; padding-bottom: 53.8%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.oembed-provider-youtube { position: relative; padding-bottom: 56.25%; /* padding-top: 30px; */ height: 0; overflow: hidden; }

.oembed-provider-youtube iframe, .oembed-provider-youtube object, .oembed-provider-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.googlemap-container { position: relative; padding-bottom: 25%; padding-top: 30px; height: 0; overflow: hidden; }

.googlemap-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.vermid { vertical-align: middle; }

.vertop { vertical-align: top; }

.txtleft { text-align: left; }

.txtrigh { text-align: right; }

.txtcenter { text-align: center; }

.textunderline { text-decoration: underline; }

/*如果有載入字型用這段*/
:root { --Thin: 100; --ExtraLight: 200; --Light: 300; --Regular: 400; --Medium: 500; --SemiBold: 600; --Bold: 700; --ExtraBold: 800; --Black: 900; --shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2); --main_color: #F19D6D; --main_color2: #5aa7a7; --main_color3: #deefef; --addbtn_color: #F19D6D; --active_color: #5aa7a7; --active_color_bg: #e9f5f4; --addbtn_color_bg: #fff1e9; --main_bg: #484545; --clear_color: #6e7881; --border-color: #d7d7d7; --hover-bg: #eee; }

body { color: #000; font-size: 17px; font-family: Arial, sans-serif, Microsoft JhengHei, PMingLiU, "FontAwesome"; line-height: 1.5; width: 100%; min-width: 360px; margin: 0 auto; position: relative; overflow-x: hidden; letter-spacing: 0.025em; min-height: 100vh; }

@media (max-width: 320px) { body { overflow-x: auto; } }
.wrapper { padding: 20px 40px; max-width: 100%; margin: 0 auto; }

@media (max-width: 1480px) { .wrapper { padding: 20px 30px; } }
@media (max-width: 1200px) { .wrapper { padding: 20px 15px; } }
.loginwrap { background: url(../images/signin_bg.png) no-repeat left; background-size: 50% 100%; background-attachment: fixed; min-height: 100vh; }
.loginwrap .wrapper { max-width: 1920px; margin: 0 auto; }
.loginwrap .login_logo { display: flex; gap: 10px 20px; align-items: center; }
.loginwrap .login_logo a { display: block; }
.loginwrap .login_logo a img { width: 230px; }
.loginwrap .login_mainbox { max-width: 1340px; margin: 0 auto; padding: 0 40px; display: flex; flex-wrap: wrap; gap: 50px; justify-content: space-between; min-height: calc(100vh - 150px); position: relative; }
.loginwrap .login_mainbox .leftbox { width: 47%; }
.loginwrap .login_mainbox .leftbox .stickyimg { position: sticky; top: 28vh; }
.loginwrap .login_mainbox .rightbox { flex: 1; max-width: 500px; align-self: center; padding-bottom: 20px; }
.loginwrap .login_mainbox .rightbox .login_title { font-size: 38px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 10px; }
.loginwrap .login_mainbox .rightbox .login_subtitle { font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.loginwrap .login_mainbox .rightbox .login_nav { display: flex; align-items: center; border-radius: 10px; background: #ededed; margin-bottom: 20px; padding: 4px; gap: 4px; }
.loginwrap .login_mainbox .rightbox .login_nav li { list-style: none; color: #888888; }
.loginwrap .login_mainbox .rightbox .login_nav li:first-child { flex: 1; }
.loginwrap .login_mainbox .rightbox .login_nav li a { display: block; font-size: 19px; font-weight: bold; padding: 13px 35px 9px 35px; border-radius: 10px; text-align: center; }
.loginwrap .login_mainbox .rightbox .login_nav li a.active { background: var(--main_color2); color: #fff; box-shadow: 0px 12px 11px -9px rgba(0, 0, 0, 0.2); }
.loginwrap .login_mainbox .rightbox .login_nav li a:hover { background: var(--main_color2); color: #fff; }

@media (max-width: 1280px) { .loginwrap .login_mainbox .leftbox .stickyimg { text-align: center; }
    .loginwrap .login_mainbox .leftbox .stickyimg img { max-width: 480px; } }
@media (max-width: 1140px) { .loginwrap { background-size: 60% 100%; }
    .loginwrap .login_mainbox .leftbox { width: 40%; }
    .loginwrap .login_mainbox .leftbox .stickyimg { top: 32vh; }
    .loginwrap .login_mainbox .rightbox .login_title { font-size: 36px; letter-spacing: 0; }
    .loginwrap .login_mainbox .rightbox { max-width: 450px; }
    .loginwrap .login_mainbox .rightbox .login_nav li a { font-size: 18px; padding: 13px 25px 9px 25px; } }
@media (max-width: 960px) { .loginwrap .login_mainbox .leftbox { display: none; }
    .loginwrap { background-size: 85% 100%; }
    .loginwrap .login_mainbox { justify-content: center; }
    .loginwrap .login_mainbox .main_c2 { color: #1c4f4a; }
    .loginwrap .login_mainbox .linktxt { border-bottom: 1px solid #1c4f4a; }
    .loginwrap .login_logo { margin-bottom: 20px; } }
@media (max-width: 640px) { .loginwrap { background-size: 100% 100%; }
    .loginwrap .login_logo { justify-content: center; }
    .loginwrap .login_mainbox .rightbox .login_title { text-align: center; }
    .loginwrap .login_mainbox .rightbox .login_subtitle { text-align: center; }
    .loginwrap .login_mainbox { min-height: calc(100vh - 170px); }
    .loginwrap .checkboxset { justify-content: center; } }
@media (max-width: 550px) { .loginwrap .login_mainbox .rightbox .login_title { font-size: 28px; line-height: 1.2; }
    .loginwrap .login_mainbox .rightbox .login_nav li a { font-size: 16px; padding: 13px 10px 9px 10px; }
    .loginwrap .login_mainbox { padding: 0 0px; } }
.code_btn_sec.newinstallment { padding: 5px 0; }
.code_btn_sec.flexcenter { justify-content: center; }
.code_btn_sec .recaptch { display: flex; justify-content: center; margin-bottom: 20px; }
.code_btn_sec .btn_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
.code_btn_sec .btn_box.justifystart { justify-content: flex-start; }
.code_btn_sec .btn_box.flexcenter { justify-content: center; }
.code_btn_sec .btn_box.flexend { justify-content: end; }
.code_btn_sec .btn_box button { display: flex; gap: 5px; }

.form_sec { margin-bottom: 25px; display: flex; flex-wrap: wrap; align-items: center; gap: 15px 30px; }
.form_sec .oneset { background: #fff; border: 1px solid #999; width: 100%; gap: 15px 20px; padding: 15px 20px 13px 20px; display: flex; align-items: center; border-radius: 10px; line-height: 1; }
.form_sec .oneset.codeinput { padding: 9px 20px 8px 20px; }
.form_sec .oneset.w50 { width: calc((100% - 30px) / 2); }
.form_sec .oneset .title { flex-shrink: 0; }
.form_sec .oneset .title:after { content: ""; width: 1px; height: 17px; display: block; position: absolute; right: -11px; top: 0px; background: #333; }
.form_sec .oneset .input_box { flex: 1; }
.form_sec .oneset .resetcode { color: #979797; cursor: pointer; }

.loginbotbtn { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.loginbotbtn .code_btn_sec .btn_box { gap: 12px; }
.loginbotbtn.flexcenter { justify-content: center; }

.login_footer { display: flex; flex-wrap: wrap; gap: 10px 20px; letter-spacing: 0; justify-content: right; margin-top: 20px; }
.login_footer .copyright { font-size: 13px; }
.login_footer .iwaredesign { font-size: 12px; color: rgba(51, 51, 51, 0.65); }

@media (max-width: 640px) { .login_footer { justify-content: center; padding-bottom: 10px; } }
.page_form { margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 15px 20px; }
.page_form .oneset { display: flex; gap: 10px; align-items: center; }
.page_form .oneset.w50 { width: calc((100% - 30px) / 2); }
.page_form .oneset.w30 { width: calc((100% - 30px*2) / 3); }
.page_form .oneset.w25 { width: calc((100% - 30px*3) / 4); }
.page_form .oneset .title { font-size: 17px; width: 140px; text-align: right; }
.page_form .oneset .smalltxt { font-size: 16px; font-weight: lighter; }
.page_form .oneset .input_box { flex: 1; }
.page_form .oneset .input_box .inputstyle { max-width: 100%; }

@media (max-width: 960px) { .page_form .oneset.w30, .page_form .oneset.w25 { width: 100%; }
    .code_btn_sec .btn_box { gap: 15px 10px; } }
.must { color: #fc5949; margin-right: 3px; }
.must.f20 { font-size: 20px; }

select.login_inputstyle { background-color: #fff; }

.login_inputstyle { border: none; color: #666666; font-size: 16px; width: 100%; }

.apply_chose { padding: 15px 0; }
.apply_chose .apply_chose_one { margin-bottom: 20px; }
.apply_chose .apply_chose_one .title { padding-left: 30px; }
.apply_chose .apply_chose_one .title:before { content: "\f007"; font-size: 16px; display: inline-block; position: absolute; left: 3px; top: 0px; font-size: 18px; }
.apply_chose .apply_chose_one .title .t1 { font-weight: bold; font-size: 18px; display: inline-block; }
.apply_chose .apply_chose_one .title .t2 { color: #666; display: inline-block; font-size: 15px; }
.apply_chose .apply_chose_one .chose_box .chosen-container-multi .chosen-choices { padding: 8px 15px; border: 1px solid #999; font-size: 16px; border-radius: 10px; }

@media (max-width: 960px) { .login_inputstyle.chosen-select { border: 1px solid #999; padding: 10px; background-color: #fff; } }
@media (max-width: 767px) { .form_sec .oneset.w50 { width: 100%; } }
@media (max-width: 640px) { .form_sec .oneset { padding: 15px 10px 13px 10px; gap: 15px 10px; }
    .form_sec .oneset.codeinput { padding: 9px 10px 8px 10px; }
    .form_sec .oneset .title:after { right: -6px; } }
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title { font-size: 18px; }

.pagecontainer { display: flex; min-height: 100vh; background: #f5f5f5; }

.sidesec { width: 230px; flex-shrink: 0; background-color: var(--main_bg); border-radius: 0 50px 0 0; top: 0; }
.sidesec .pagelogo { padding: 18px 20px 15px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.sidesec .pagelogo .pagelogolink img { width: 155px; }
.sidesec .pagelogo a.pagelogolink { display: block; }
.sidesec .pagelogo .plogo_closeicon { display: flex; justify-content: space-between; align-items: center; }
.sidesec .pagelogo .plogo_closeicon .closesidenav { cursor: pointer; padding: 5px 6px 2px 6px; border-radius: 5px; }
.sidesec .pagelogo .plogo_closeicon .closesidenav:hover { background: #666; }
.sidesec .pagelogo .plogo_closeicon .closesidenav i { color: #fff; font-size: 18px; }
.sidesec .mainnav { padding: 15px 0 5px 0; color: #fff; letter-spacing: 0; padding-top: 15px; }
.sidesec .mainnav .firstnav > li { list-style: none; padding: 2px 10px 2px 0; line-height: 1.3; }
.sidesec .mainnav .firstnav > li.active > a { background-color: rgba(0, 0, 0, 0.3); }
.sidesec .mainnav .firstnav > li.active > a::after { opacity: 1; }
.sidesec .mainnav .firstnav > li:not(.active):hover > a { background-color: rgba(0, 0, 0, 0.15); }
.sidesec .mainnav .firstnav > li:not(.active):hover > a::after { background-color: rgba(255, 255, 255, 0.3); opacity: 1; }
.sidesec .mainnav .firstnav > li > a { display: block; font-size: 17px; display: flex; gap: 5px; align-items: center; padding: 10px 15px 8px 30px; border-radius: 0 25px 25px 0; }
.sidesec .mainnav .firstnav > li > a::after { width: 3px; height: 100%; background-color: #fff; display: block; content: ""; position: absolute; top: 0; left: 0; opacity: 0; }
.sidesec .mainnav .firstnav > li > a .titlebox { flex: 1; display: flex; align-items: center; gap: 10px; }
.sidesec .mainnav .firstnav > li > a .titlebox .icon { display: flex; align-items: center; flex-shrink: 0; }
.sidesec .mainnav .firstnav > li > a .titlebox .icon img { width: 14px; }
.sidesec .mainnav .firstnav > li > a .titlebox .icon i { font-size: 13px; }
.sidesec .mainnav .firstnav > li > a .titlebox .txt { padding-top: 2px; }
.sidesec .mainnav .firstnav > li > a .numbox { flex-shrink: 0; width: 22px; height: 22px; line-height: 22px; background-color: var(--main_color); font-size: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; }
.sidesec .mainnav .firstnav > li .secnav { padding-left: 37px; margin-bottom: 10px; }
.sidesec .mainnav .firstnav > li .secnav > li { list-style: none; padding: 2px 10px 2px 0px; font-size: 16px; border-left: 1px solid #9e9a9a; }
.sidesec .mainnav .firstnav > li .secnav > li:first-child { padding-top: 2px; }
.sidesec .mainnav .firstnav > li .secnav > li.active a { background-color: rgba(0, 0, 0, 0.2); }
.sidesec .mainnav .firstnav > li .secnav > li.active a:before { opacity: 1; }
.sidesec .mainnav .firstnav > li .secnav > li > a { display: block; padding: 6px 0px 4px 17px; border-radius: 0 30px 30px 0; }
.sidesec .mainnav .firstnav > li .secnav > li > a:hover { background-color: rgba(0, 0, 0, 0.2); }
.sidesec .mainnav .firstnav > li .secnav > li > a:hover:before { opacity: 1; }
.sidesec .mainnav .firstnav > li .secnav > li > a:before { content: ""; display: block; position: absolute; width: 3px; height: 16px; background-color: #fff; left: 0px; top: 7px; opacity: 0; }

@media (min-width: 1261px) { .sidesec .mainnav { display: block !important; }
    .sidesec.sidecolse { width: 50px; }
    .sidesec.sidecolse .mainnav .firstnav > li > a .titlebox .txt { display: none; }
    .sidesec.sidecolse .pagelogo { padding: 31px 12px 15px 6px; }
    .sidesec.sidecolse .mainnav .firstnav > li > a .numbox { display: none; }
    .sidesec.sidecolse .pagelogo a.pagelogolink { display: none; }
    .sidesec.sidecolse .mainnav .firstnav > li > a { padding: 15px 15px 15px 20px; }
    .sidesec.sidecolse .mainnav ul.firstnav { display: none; } }
.mobile_menu { display: none; }
@media (max-width: 1260px) { .mobile_menu { display: flex; flex-wrap: wrap; align-items: center; } }
.mobile_menu #btn .texthidden { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; }

.showMenu { display: none; cursor: pointer; height: 30px; width: 30px; margin-left: 20px; }
@media (max-width: 1260px) { .showMenu { display: block; } }

.showMenu span { background: #222; position: absolute; height: 2px; width: 30px; }

.showMenu span:nth-child(1) { top: 0; }

.showMenu span:nth-child(2) { top: 10px; }

.showMenu span:nth-child(3) { top: 20px; }

#btn { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; background: none; border-radius: 50%; border: none; outline: none; }

#btn span { position: absolute; width: 30px; height: 2px; top: 50%; left: 50%; background: #fff; border-radius: 2px; overflow: hidden; transition: all 0.3s linear; }

#btn span::before { content: ""; position: absolute; width: 0; height: 100%; top: 0; right: 0; background: #fff; transition: all 0.3s linear; }

#btn span:nth-child(1) { animation: span-first-off 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn span:nth-child(2) { animation: span-second-off 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn span:nth-child(3) { animation: span-third-off 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn.on:hover span::before { width: 100%; transition: all 0.3s linear; }

#btn.on span:nth-child(1) { animation: span-first-on 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn.on span:nth-child(2) { animation: span-second-on 0.5s ease-in-out; animation-fill-mode: forwards; }

#btn.on span:nth-child(3) { animation: span-third-on 0.5s ease-in-out; animation-fill-mode: forwards; }

@keyframes span-first-on { 0% { transform: translate(-50%, -300%); }
    30% { transform: translate(-50%, -50%); }
    100% { transform: translate(-50%, -50%) rotate(-45deg); } }
@keyframes span-first-off { 0% { transform: translate(-50%, -50%) rotate(-45deg); }
    30% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -500%); } }
@keyframes span-second-on { 0% { transform: translate(-50%, -50%); }
    25% { background: #000; }
    50% { transform: translate(-50%, -50%) scale(1); }
    100% { transform: translate(-150%, -50%) scale(0); } }
@keyframes span-second-off { 0% { transform: translate(-150%, -50%) scale(0); }
    25% { background: #000; }
    50% { transform: translate(-50%, -50%) scale(1); }
    100% { transform: translate(-50%, 0%); } }
@keyframes span-third-on { 0% { transform: translate(-50%, 200%); }
    30% { transform: translate(-50%, -50%); }
    100% { transform: translate(-50%, -50%) rotate(45deg); } }
@keyframes span-third-off { 0% { transform: translate(-50%, -50%) rotate(45deg); }
    30% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, 500%); } }
.pagesec { flex: 1; width: calc(100% - 265px); background-color: #efefef; }
.pagesec.nobg { background-color: #fff; }

@media (max-width: 1480px) { .sidesec { width: 240px; }
    .pagesec { flex: 1; width: calc(100% - 240px); }
    .sidesec .pagelogo { padding: 20px 15px 20px 15px; }
    .sidesec .mainnav .firstnav > li { padding: 3px 5px 3px 0; }
    .sidesec .mainnav .firstnav > li .secnav { padding-left: 19px; }
    .sidesec .mainnav .firstnav > li > a { font-size: 16px; padding: 10px 15px 8px 20px; } }
@media (max-width: 1260px) { .sidesec .pagelogo .plogo_closeicon .closesidenav { display: none; }
    .sidesec .mainnav .firstnav > li > a { padding: 10px 10px 10px 20px; }
    .pagesec { width: 100%; }
    .pagecontainer { flex-direction: column; }
    .sidesec .pagelogo { padding: 10px 15px 10px 15px; display: flex; justify-content: space-between; }
    .sidesec { width: 100%; height: initial; position: sticky; top: 0; border-radius: 0; z-index: 1; }
    .sidesec .mainnav { height: calc(100vh - 75px); overflow: auto; position: absolute; width: 100%; display: none; transition: 0s; background-color: var(--main_bg); } }
.breadcrumbs .road { flex: 1; font-size: 15px; color: #333; padding: 5px 0 5px 0px; text-align: right; }
.breadcrumbs .road .roadspacer i { margin: 0 8px; color: #cccccc; font-size: 12px; }
.breadcrumbs .road i { color: #666666; }

@media (max-width: 1200px) { .breadcrumbs .road { padding: 0px 0px 20px 0; text-align: left; } }
.pagesec .page_head { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; padding: 15px 40px; background-color: #f5f5f5; }
.pagesec .page_head .system_name { font-size: 24px; font-weight: bold; color: #000; display: inline-block; }
.pagesec .page_head .pagehead_nav { display: flex; flex-wrap: wrap; gap: 10px 35px; align-items: center; font-size: 17px; }
.pagesec .page_head .pagehead_nav .role { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.pagesec .page_head .pagehead_nav .role .role_select select { max-width: 200px; }
.pagesec .page_head .pagehead_nav .head_icons { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; }
.pagesec .page_head .pagehead_nav .head_icons .one.active:after { width: 7px; height: 7px; content: ""; display: block; position: absolute; border: 2px solid #fff; border-radius: 50%; top: 3px; right: -3px; background-color: var(--main_color); }
.pagesec .page_head .pagehead_nav .head_user { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; cursor: pointer; }
.pagesec .page_head .pagehead_nav .head_user .user_icon { width: 50px; height: 50px; border-radius: 50%; background-color: var(--main_bg); display: flex; align-items: center; justify-content: center; }
.pagesec .pagemaincon .wrapper .banner { margin-bottom: 10px; }
.pagesec .pagemaincon .wrapper .banner img { width: 100%; border-radius: 10px; }
.pagesec .pagemaincon .wrapper .page_title { font-size: 30px; letter-spacing: 0; margin-bottom: 10px; font-weight: bold; color: var(--main_color2); line-height: 1; padding-left: 20px; margin-bottom: 20px; }
.pagesec .pagemaincon .wrapper .page_title:before { display: block; content: ""; position: absolute; background: var(--main_color2); width: 7px; height: 28px; left: 0; top: 0; }
.pagesec .pagemaincon .wrapper .todosets { margin-bottom: 18px; display: flex; flex-wrap: wrap; gap: 20px; }
.pagesec .pagemaincon .wrapper .todosets.systemcard .oneset { border: 1px solid var(--main_color2); border-bottom-width: 5px; padding: 0px; }
.pagesec .pagemaincon .wrapper .todosets.systemcard .oneset:hover { background-color: var(--active_color_bg); }
.pagesec .pagemaincon .wrapper .todosets.systemcard .oneset:active { border-bottom-width: 4px; }
.pagesec .pagemaincon .wrapper .todosets.systemcard .oneset .onesetin { padding: 20px 20px 28px 20px; }
.pagesec .pagemaincon .wrapper .todosets.w30 .oneset { width: calc((100% - 20px* 2) / 3); }
.pagesec .pagemaincon .wrapper .todosets.w25 .oneset { width: calc((100% - 20px* 3) / 4); }
.pagesec .pagemaincon .wrapper .todosets .oneset { background-color: #fff; border-radius: 10px; padding: 28px 20px; width: calc((100% - 20px* 3) / 4); }
.pagesec .pagemaincon .wrapper .todosets .oneset:nth-child(1) .onesetin .icon { background-color: var(--main_color2); box-shadow: 0px 0px 10px 0px rgba(130, 206, 189, 0.4); }
.pagesec .pagemaincon .wrapper .todosets .oneset:nth-child(2) .onesetin .icon { background-color: var(--main_color); box-shadow: 0px 0px 10px 0px rgba(255, 173, 107, 0.4); }
.pagesec .pagemaincon .wrapper .todosets .oneset:nth-child(3) .onesetin .icon { background-color: var(--active_color); box-shadow: 0px 0px 10px 0px rgba(255, 164, 160, 0.4); }
.pagesec .pagemaincon .wrapper .todosets .oneset:nth-child(4) .onesetin .icon { background-color: #6f51ff; box-shadow: 0px 0px 10px 0px rgba(111, 81, 255, 0.4); }
.pagesec .pagemaincon .wrapper .todosets .oneset .onesetin { display: flex; gap: 24px; }
.pagesec .pagemaincon .wrapper .todosets .oneset .onesetin .icon { border-radius: 10px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
.pagesec .pagemaincon .wrapper .todosets .oneset .onesetin .icon img { max-height: 30px; max-width: 30px; }
.pagesec .pagemaincon .wrapper .todosets .oneset .onesetin .right_con .num { font-size: 36px; font-weight: var(--SemiBold); color: #333333; margin-bottom: 5px; line-height: 1; letter-spacing: 0; }
.pagesec .pagemaincon .wrapper .todosets .oneset .onesetin .right_con .num .smallnum { font-size: 18px; }
.pagesec .pagemaincon .wrapper .todosets .oneset .onesetin .right_con .txt { color: #555; }
.pagesec .pagemaincon .wrapper .todosets .oneset .onesetin .right_con .title { font-size: 22px; font-weight: bold; }
.pagesec .pagemaincon .wrapper .todosets .oneset .onesetin .more { color: var(--main_color2); font-size: 16px; position: absolute; right: 10px; bottom: 5px; }

@media (max-width: 1280px) { .pagesec .pagemaincon .wrapper .todosets .oneset .onesetin .right_con .num { font-size: 29px; } }
@media (max-width: 1200px) { .pagesec .page_head { gap: 10px; padding: 10px 15px; }
    .pagesec .page_head .pagehead_nav { gap: 10px 20px; } }
@media (max-width: 960px) { .pagesec .pagemaincon .wrapper .todosets .oneset, .pagesec .pagemaincon .wrapper .todosets.w30 .oneset, .pagesec .pagemaincon .wrapper .todosets.w25 .oneset { width: calc((100% - 20px* 1) / 2); } }
@media (max-width: 767px) { .pagesec .pagemaincon .wrapper .todosets .oneset, .pagesec .pagemaincon .wrapper .todosets.w30 .oneset, .pagesec .pagemaincon .wrapper .todosets.w25 .oneset { width: 100%; } }
@media (max-width: 480px) { .pagesec .page_head { flex-direction: column; align-items: flex-start; } }
.pageboxset_flex { display: flex; flex-wrap: wrap; gap: 20px; }
.pageboxset_flex.w50 .pagebox { width: calc((100% - 20px) / 2); }
.pageboxset_flex.w30 .pagebox { width: calc((100% - 20px*2) / 3); }

.pagesec.nobg .pagebox { padding: 0px; }

.pagebox { background-color: #fff; padding: 25px; border-radius: 10px; margin-bottom: 24px; }
.pagebox.notebox { border: 1px solid #e3ebef; background-color: #f7f7f7; }
.pagebox .formsec_title { text-align: center; font-size: 32px; font-weight: bold; margin-bottom: 10px; line-height: 1.3; }
.pagebox .form_date { text-align: right; }
.pagebox .box_tiitle_more { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 10px; gap: 10px; }
.pagebox .box_tiitle_more.justifystart { justify-content: start; }
.pagebox .box_tiitle_more .box_tiitle { margin-bottom: 0; }
.pagebox .box_tiitle { font-size: 22px; font-weight: bold; margin-bottom: 5px; }
.pagebox .box_tiitle.havebg { background-color: var(--main_color2); color: #fff; font-size: 19px; letter-spacing: 0.05em; padding: 10px 10px 5px 10px; margin-bottom: 0; border-radius: 3px 3px 0 0; }
.pagebox .box_tiitle.havebg_style2 { background-color: var(--main_color3); color: #333; font-size: 17px; padding: 10px 10px 5px 10px; margin-bottom: 0; font-weight: normal; }
.pagebox .box_tiitle .tw { display: inline-block; }
.pagebox .box_tiitle .tw.center { text-align: center; }
.pagebox .box_tiitle .en { display: inline-block; }
.pagebox .box_tiitle .icon_title { display: flex; font-size: 17px; }
.pagebox .box_tiitle .icon_title .icon { color: var(--main_color); margin-right: 5px; }
.pagebox .news_list.download_list li a:after { content: "\f019"; }
.pagebox .news_list li { list-style: none; border-bottom: 1px solid var(--border-color); }
.pagebox .news_list li a { display: flex; flex-wrap: wrap; gap: 5px 10px; padding: 10px; }
.pagebox .news_list li a:after { content: "\f35d"; display: block; position: absolute; color: #999; right: 10px; top: 10px; }
.pagebox .news_list li a:hover { background-color: #eee; }
.pagebox .news_list li:last-child { border-bottom: none; }
.pagebox .news_list li .date { font-weight: var(--ExtraLight); font-size: 16px; padding-top: 1px; }
.pagebox .news_list li .newstitle { font-size: 17px; padding-right: 40px; }

@media (max-width: 480px) { .pagebox { padding: 20px 10px; }
    .pagebox .news_list li a { flex-direction: column; }
    .pagebox .news_list li .newstitle { padding-right: 0; } }
.table_list { width: 100%; }
.table_list table { width: 100%; }
.table_list table tbody tr:hover td:not(.radioselected_active) { background-color: #f8f8f8; }
.table_list table tr th, .table_list table tr td { padding: 8px 10px; border: 1px solid var(--border-color); }
.table_list table tr th { font-weight: bold; font-size: 16px; text-align: left; background-color: var(--hover-bg); }
.table_list table tr td { border-bottom: 1px solid var(--border-color); font-size: 15px; color: #555; }
.table_list table tr td.radioselected_active { background-color: var(--main_color3); }
.table_list table tr td.date { font-size: 15px; font-weight: var(--ExtraLight); letter-spacing: 0; }
.table_list table tr td.tdgroup { background-color: var(--main_color2); color: #fff; font-size: 18px; font-weight: bold; }
.table_list table tr td.tdgroup:hover { background-color: var(--main_color2) !important; }

@media (max-width: 1200px) { .pageboxset_flex.w50 .pagebox, .pageboxset_flex.w30 .pagebox { width: 100%; } }
@media (max-width: 1024px) { .table_list table thead { display: none; }
    .table_list table tr { display: block; border-bottom: 1px solid #c0c0c0; padding: 20px 0; }
    .table_list table tr.trgroup { padding: 0; border-bottom: none; }
    .table_list table tr:last-child { border-bottom: none; }
    .table_list table tr th, .table_list table tr td { display: block; border-bottom: none; }
    .table_list table tr td .boldtxt { font-weight: bold; color: #000; }
    .table_list table tr td:before { content: attr(data-label); font-weight: bold; color: #000; }
    .table_list table tr td .smallbtnsets { flex-direction: row; }
    .table_list table tr td .radiusbtnstyle { font-size: 15px; padding: 5px 13px; }
    .table_list table tr td .selfcenter { display: inline-block; }
    .table_list table tr td .brnone br { display: none; }
    .table_list table tr td .time { margin-left: 5px; } }
.pagein_nav { margin-bottom: 0px; padding-left: 10px; }
.pagein_nav a { display: inline-block; color: #333; font-size: 18px; border-radius: 8px 8px 0 0; background-color: #d8d8d8; padding: 10px 25px 5px 25px; gap: 15px; margin-right: 5px; color: #666; font-weight: bold; }
.pagein_nav a.active { background: #fff; color: #000; padding: 10px 25px 5px 25px; }

.process_box_casestate { display: flex; flex-wrap: wrap; gap: 10px 20px; justify-content: space-between; margin-bottom: 10px; }

@media (max-width: 767px) { .process_box_casestate { flex-direction: column-reverse; }
    .pagein_nav a { font-size: 16px; } }
.process_box { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 18px; }
.process_box .oneset { display: flex; align-items: center; gap: 10px; }
.process_box .oneset:not(:last-child):after { content: ""; height: 1px; width: 28px; display: block; background-color: #c2c2c2; }
.process_box .oneset.active .num { background-color: var(--main_color); }
.process_box .oneset.active .txt { font-size: 17px; font-weight: bold; color: #333333; }
.process_box .oneset .num { background-color: #afafaf; color: #fff; border-radius: 50px; width: 40px; height: 40px; font-weight: bold; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.process_box .oneset .txt { color: #666; letter-spacing: -0.01em; }

.casestate .cases_date { font-size: 15px; }

@media (max-width: 768px) { .process_box .oneset .num { width: 30px; height: 30px; font-size: 16px; } }
@media (max-width: 480px) { .process_box { flex-direction: column; align-items: start; } }
.nodata_sec { margin-top: 35px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.nodata_sec .bigtxt { font-size: 30px; font-weight: bold; }
.nodata_sec .txt { font-size: 17px; margin-bottom: 20px; }

.onepaysec:first-child .payfirstnone { display: none; }

.info_table { margin-bottom: 30px; overflow: auto; }
.info_table.marginbottom0 { margin-bottom: 0; }
.info_table table { width: 100%; }
.info_table table.noborder tr th, .info_table table.noborder tr td { border: none; }
.info_table table.noborder tr th { background-color: white; text-align: right; }
.info_table table.w400 { max-width: 400px; min-width: initial; }
.info_table table.textcenter { text-align: center; }
.info_table table tr { font-size: 16px; }
.info_table table tr th, .info_table table tr td { padding: 8px 10px; border: 1px solid var(--border-color); }
.info_table table tr th .fontlighter, .info_table table tr td .fontlighter { font-weight: lighter; }
.info_table table tr th.tablecheckboxwidth, .info_table table tr td.tablecheckboxwidth { width: 75px; }
.info_table table tr th.mobileshow, .info_table table tr td.mobileshow { display: none; }
.info_table table tr th { background-color: var(--hover-bg); font-weight: bold; }
.info_table table tr td.spacetd_first { border-right: none; }
.info_table table tr td.spacetd { border-left: none; border-right: none; }
.info_table table tr td.spacetd_last { border-left: none; }

.info_table_head { font-weight: bold; font-size: 20px; background-color: #4f4f4f; color: #fff; border-bottom: 2px; padding: 10px 20px; border-radius: 3px 3px 0 0; margin-top: 10px; }

@media (max-width: 1024px) { .info_table:not(.nomobile) { overflow: initial; }
    .info_table:not(.nomobile) table { min-width: initial; border-bottom: 1px solid #d7d7d7; }
    .info_table:not(.nomobile) table thead { display: none; }
    .info_table:not(.nomobile) table thead.nohide { display: block; }
    .info_table:not(.nomobile) table thead.nohide th.mobilehide { display: none; }
    .info_table:not(.nomobile) table tbody.mobilepadbot0 tr td { padding-bottom: 0; }
    .info_table:not(.nomobile) table tbody.mobilepadbot0 tr td:last-child { padding-bottom: 10px; }
    .info_table:not(.nomobile) table tbody.bordertr tr:not(:last-child) { border-bottom: 1px solid #d7d7d7; }
    .info_table:not(.nomobile) table tbody tr td { border-top: none; }
    .info_table:not(.nomobile) table tbody tr td::before { content: attr(data-label); /* 顯示data-label的內容 */ font-weight: bold; }
    .info_table:not(.nomobile) table tbody tr td .checkboxset_out { justify-content: start; }
    .info_table:not(.nomobile) table tbody tr td .boldtxt { font-weight: bold; color: #000; }
    .info_table:not(.nomobile) table tbody tr th { border-bottom: 1px solid #d7d7d7; }
    .info_table:not(.nomobile) table tbody tr td.mobileshow, .info_table:not(.nomobile) table tbody tr th.mobileshow { display: block; }
    .info_table:not(.nomobile) table tbody tr td.mobilehide, .info_table:not(.nomobile) table tbody tr th.mobilehide { display: none; }
    .info_table:not(.nomobile) table tbody tr td.mobileth, .info_table:not(.nomobile) table tbody tr th.mobileth { background-color: #eeeeee; font-weight: bold; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; padding-bottom: 8px; }
    .info_table:not(.nomobile) table tbody tr td.mobilebigth, .info_table:not(.nomobile) table tbody tr th.mobilebigth { background: #333; color: #fff; padding-bottom: 10px; font-weight: bold; font-size: 17px; }
    .info_table:not(.nomobile) table tbody tr td.mobilebigth.f20, .info_table:not(.nomobile) table tbody tr th.mobilebigth.f20 { font-size: 20px; }
    .info_table:not(.nomobile) table tr { display: block; }
    .info_table:not(.nomobile) table tr th, .info_table:not(.nomobile) table tr td { display: block; width: 100% !important; text-align: left; border-bottom: none; }
    .info_table table.noborder { border-bottom: none; }
    .info_table table.noborder tr th { padding-bottom: 0; }
    .info_table table.noborder tbody tr th { border-bottom: none; }
    .info_table table.noborder tbody tr td { padding-top: 0; } }
@media (max-width: 640px) { .info_table table tr th.tablecheckboxwidth, .info_table table tr td.tablecheckboxwidth { width: 50px; } }
.tdtxtline { padding: 5px 0; display: flex; flex-wrap: wrap; align-items: center; }
.tdtxtline .name { font-size: 16px; font-weight: bold; }

.smallbtnsets { display: flex; flex-wrap: wrap; gap: 5px; flex-direction: row; justify-content: start; }
.smallbtnsets.flexrow { flex-direction: row; justify-content: start; }

.chart-container { width: 100%; height: 400px; }

.user_menu { position: absolute; right: 0; border-radius: 3px; background-color: var(--main_bg); padding: 10px 15px 5px 15px; width: 180px; top: 53px; z-index: 1; display: none; transition: 0s; }
.user_menu li { color: #fff; list-style: none; }
.user_menu li:last-child a { border-bottom: none; }
.user_menu li a { display: flex; gap: 10px; padding: 10px 5px; border-bottom: 1px solid #ccc; }
.user_menu li a:hover { background-color: #302d2d; }

.nesd_wrap { padding: 30px 30px; }
.nesd_wrap .nesd_title { font-size: 24px; font-weight: bold; }
.nesd_wrap .nesd_con { font-size: 17px; letter-spacing: 0; }

@media (max-width: 480px) { .nesd_wrap { padding: 30px 0px; }
    .nesd_wrap.iframestyle { padding: 30px 20px; }
    .user_menu { right: initial; } }
.char-count-box { font-size: 15px; }

.process_sec .one { display: flex; gap: 10px; }
.process_sec .one .datetime { font-size: 15px; text-align: right; color: #666; flex-shrink: 0; }
.process_sec .one .dot_line:before { content: ""; display: block; width: 1px; height: 100%; background-color: #222; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); }
.process_sec .one .dot { background-color: var(--main_color2); border-radius: 50%; display: inline-block; width: 15px; height: 15px; }
.process_sec .one .conbox { padding-bottom: 30px; }
.process_sec .one .conbox .identity .bold { font-weight: bold; }
.process_sec .one .conbox .comments { padding: 10px; background-color: var(--main_color3); border-radius: 5px; margin-top: 5px; }

@media (max-width: 480px) { .process_sec .one .datetime { font-size: 13px; } }
.formsec { max-width: 1360px; margin: 0 auto; }

.writeorder { padding: 4px 8px 2px 8px; background-color: var(--active_color); color: #fff; font-weight: bold; border-radius: 3px; display: inline-block; font-size: 14px; }
.writeorder.mustwrite { background-color: #ff7300; }
.writeorder.notmust { background-color: #928c8c; }

.ibtn { border-radius: 5px; color: #fff; font-size: 17px; font-weight: bold; display: inline-block; text-align: center; border: none; padding: 0 10px; }
.ibtn i { line-height: 40px; }
.ibtn.add_oneline, .ibtn.add_oneline_small { background-color: var(--main_color); }
.ibtn.delet_oneline, .ibtn.delet_oneline_small { background-color: #999; }
.ibtn.delet_oneline { font-size: 15px; padding: 5px 10px 3px 10px; }
.ibtn.delet_oneline i { line-height: initial; }
.ibtn.deletselectbtn { font-size: 14px; background-color: #999; line-height: 1; padding: 0 5px; }

.certificate_note { margin-top: 4px; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 18px; max-height: 36px; }

.forgetpasswordbox { text-align: center; margin-top: 20px; }

.afterupload { margin-bottom: 10px; display: flex; flex-direction: column; gap: 5px; align-items: start; font-size: 14px; }

.chosen-container-multi .chosen-choices { border: 2px solid transparent; max-width: 428px; width: 100%; padding: 5px 10px; background-color: #fff; border-radius: 10px; border: 1px solid #999; box-shadow: initial; background-image: none; font-size: 16px; max-width: 100%; }

.selectdateset .selectdate input.formatted-date, .formatted-date { border: none; position: absolute; left: 10px; top: 13px; width: calc(100% - 44px); max-width: calc(428px - 44px); }
.selectdateset .selectdate input.formatted-date.w200, .formatted-date.w200 { max-width: 150px; }

.info_table table.radiustable { border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden; /* 為了裁切圓角內的內容 */ width: initial; border-radius: 10px; border: 1px solid #999; }
.info_table table.radiustable tr th { text-align: left; }
.info_table table.radiustable tr th:last-child, .info_table table.radiustable tr td:last-child { border-right: none; /* 最右不要再畫線，避免重疊 */ }
.info_table table.radiustable tr th, .info_table table.radiustable tr td { padding: 10px; border-bottom: 1px solid #999; border-right: 1px solid #999; }
.info_table table.radiustable tr:last-child td { border-bottom: none; /* 最下面也不要畫線 */ }

@media (max-width: 1024px) { .info_table table.noborder table.radiustable tr { display: table-row; }
    .info_table table.noborder table.radiustable tr th { border-bottom: 1px solid #999; }
    .info_table table.noborder table.radiustable tr td { padding-top: 10px; }
    .info_table table.noborder table.radiustable tr th, .info_table table.noborder table.radiustable tr td { display: table-cell; width: initial !important; } }
.sign_box { max-width: 950px; margin: 15px auto 10px auto; }

.addnewbox { margin-bottom: 15px; }