@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&family=Noto+Serif+TC:wght@600&display=swap');
:root {
    --base: #17171D; --baselink: #0969C3; --basebg: #dddddd;
    --colorp: #0969C3; --pfc2: #867554; --headerbg: #efefef;
    --nfc3: #F0ECE3; --pfc3: #00AFAA; 
    --fbgc: #9D8E73; --ffc1: #FFFFFF;
    --fcfc: #212121; --fcbgc:#F8F8F8;
    --fphoc: #BBC8D4; --ferrc:#E73502;
}

body{ 
    background-color:var(--basebg);
    font-size: 16px;
    line-height: 29px;
    font-weight:400;
    color:var(--base);
    font-family: 'Noto Sans TC', sans-serif;
}
h1,h2,h3,h4,h5,h6{ font-family: 'Noto Serif TC', serif; font-weight:600; }
h1{ font-size:2.06rem; }
h2{ font-size:1.75rem; }
h3{ font-size:1.43rem; }
h4{ font-size:1.18rem; }
h5{ font-size:1.15rem; }
h6{ font-size:1.1rem; }
figure > figcaption{ font-size:0.75rem; font-weight:400; padding-left:0.5rem; }
a{ cursor:pointer; text-decoration:none; }
a:not('.btn'):link{ color:var(--baselink); text-decoration:none; }
a:not('.btn'):visited{ color:var(--baselink); text-decoration:none; }
a:not('.btn'):hover{ color:var(--baselink); text-decoration:none; }
a.btn:link{ text-decoration:none; }
a.btn:visited{ text-decoration:none; }
a.btn:hover{ text-decoration:none; }
.btn:focus{ box-shadow:none !important; }
a.btn-warning:link{ color:#000; }
a.btn-warning:visited{ color:#000; }
a.btn-warning:hover{ color:#000; }
select:focus{ box-shadow:none !important; }
input:focus{ box-shadow:none !important; }

header{ background-color:var(--headerbg); margin-bottom: 2rem; padding:0.8rem; text-align:center; border-bottom:1px solid #DBC5AA; }
header img{ height:55px; }

.container-fluid{ width:95%; }
main{ padding-bottom: 10rem; }

.advsearchF1fd{ background-color:#E9ECEF; }

.jq_sql_group{ list-style:none; min-height:2rem; clear:both; position:relative; }
.jq_box_rule{ float:left; margin:0 1rem 1rem 0; }
.li_sql_group{ margin:0 1rem 1rem 0; }

.jq_box_newrule{ list-style:none; }
.jq_box_newrule .jq_box_rule select{ display:none; }

.jq_box_sqlbuilder{}
.jq_box_sqlbuilder li.ruleholder{ float:left; width:46px; height: 46px; margin:0 1rem 1rem 0; background-color:#ff9900; }
.jq_box_sqlbuilder ul{ border:1px solid var(--colorp); border-radius: 4px; padding: 50px 1rem 1rem 80px; }
.jq_box_sqlbuilder > ul{ margin-left:0rem; }
.jq_box_sqlbuilder .jq_box_gandor{ width: 172px; position:absolute; top:-1px; left:-1px; }
.jq_box_sqlbuilder .jq_sql_group .jq_box_rule select{ display:none; }
.jq_box_sqlbuilder .jq_sql_group .jq_box_rule ~ .jq_box_rule select{ display:block; }

.jq_box_sqlpadding{ display:none; }
.jq_box_sqlpadding.active{ display:block; }
.jq_box_sqlbuilder{ display:none; }
.jq_box_sqlbuilder.active{ display:block; }

.jq_box_printpin{ display:none; }
.jq_box_printpin.active{ display:block; }
.jq_box_pinmem{ margin-top:2rem; }
.jq_box_pinmem li{ margin-bottom:1rem; }