@charset "utf-8";
/* CSS Document */
html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
/*padding: 0;*/
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 1rem;
font-family: 'Noto Sans CJK TC', 'Noto Sans TC', sans-serif, '微軟正黑體';
text-align:left;
vertical-align:sub;
line-height:1.3rem;
}

font{
margin: 0;
/*padding: 0;*/
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 1rem;
font-family: 'Noto Sans CJK TC', 'Noto Sans TC', sans-serif, '微軟正黑體';
text-align:left;
vertical-align:baseline;
line-height:1.3rem;
}




label, td, li{font-size: 1rem;}
p{
margin: 0;
font-size: 1rem;
outline: 0;
padding:0;
}
input{font-size: 1rem;}
div{margin: 0;
/*padding: 0;*/
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 1rem;
font-family:Verdana, Geneva, sans-serif;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
 form, label, legend,
caption, tfoot, thead, th{border:0;}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: #333333;
background: white;
}
ol, ul {
list-style: none;
}
a:link {
	color: #168AAB;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #168AAB;
}
a:hover {
	text-decoration: none;
	color: #db2500;
}
a:active {
	text-decoration: none;
	color: #db2500;
}
select, input[type='text'], input[type='password'], input[type='button'], input[type='file'], input[type='reset'], input[type='submit'], input[type='date'], textarea{
	font-size: 1rem;
	padding:5px 10px;
	border-radius:5px;
}
select, input[type='text'], input[type='password'], input[type='button'], input[type='reset'], input[type='submit'], input[type='date'], textarea{
	border: 1px solid #aaaaaa;
}
select:focus, input[type='text']:focus, input[type='password']:focus, input[type='button']:focus, input[type='file']:focus, input[type='reset']:focus, input[type='submit']:focus, input[type='date']:focus, textarea:focus{ border: 2px solid #EA5032; }

fieldset {
    margin: 20px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #CCCCCC;
	line-height:26px;
	font-size:1.1rem;
}

/*區塊標題*/
legend {
    /*margin-left: 1em;*/
	margin-top:-1.5rem;
    color:#db2400;
    font-weight: bold;
	font-size:1.1rem;
	background-color:#ffffff;
	width:auto;
	padding:0px 5px;
}


/*欄位標題*/
form li label {
    /*float: left;
    margin-right: 0em;
    color: #333333;
    font-weight:bold;*/
}
/*文字欄位區間*/
fieldset ol {
    list-style: none;
    padding-top: 5px;
    padding-left: 2em;
    padding-bottom: 5px;
}
fieldset ol li label, fieldset ol span, fieldset font{
	font-size:1.1rem;
	line-height:1.5rem;
}
fieldset font{
	vertical-align:top;
}
fieldset ol li {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left:0em;
    text-indent:-0.7em; /*縮排*/
    font-size:1.1rem;
}

input[type='radio'], fieldset ol li input[type='radio']{
   width: 17px; height: 17px;  width: 20px \9;height: 20px \9;/*IE8*/   vertical-align:top;
}
input[type='checkbox']{
    width: 16px; height: 16px;  
    width: 20px \9;
    height: 20px \9;/*IE8*/ 
    line-height: 1rem; 
    border-radius: 3px; 
    border:#999 solid 1px;
    cursor: pointer;
    -webkit-appearance: none;
    vertical-align:middle;
}
input[type="checkbox"]:checked {
    background-color: #2E639E;
    border:1px #2E639E solid;
}
.CheckGroupBlock input[type=checkbox]:checked::after {
   content: "\2714";
   color: #ffffff;
   padding:0px 2px;
}
form fieldset li {
    border-bottom:1px solid #cccccc;
    padding:0px 0px 8px 0px;
}
/*文字欄位樣式*/
.AppForm input.fildform{
border: 1px solid #C3C3C3;
}
/*AppForm*/
@media (max-width: 510px) { 
.AppForm,.AppForm li span{ } 
.AppForm input[type='text']{ display:block; margin-left:0px; font-size:1rem; width:100%; margin:5px 0px;}
}

.SearchInput,.AppSearch input[type='text'] {
	background-image: url('../Icon/searchicon.png');
    background-position: 5px 3px; 
    background-repeat: no-repeat;
    padding-left: 30px !important;
}
.iwidth{width:26px;}
.leftwidth{padding-left:15px;}


/*i icon style*/
i {color:#584A4F;line-height:1.5rem;font-size:1rem;padding:2px 0px;}
.fa-check{color:#5bc635;} .fa-times{color:#db2400;}
.fa-file-signature{font-size:120%; color:#555555;}
.fa-star-of-life{color:#ff0000;font-size:80%;padding-right:25px;transform:scale(0.7);vertical-align:top;}
.fa-map-marker-alt{color:#db2400;}
.fa-search-list{color:#ffffff; padding:10px; background-color:#0090D7; border-radius:25px;}
.fa-chevron-up{ font-size:2.1em; line-height:1em; }
.fa-thumbtack {
    color: #db2400;
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.fa-newspaper{font-size:1.7rem;padding:2px 5px;}

/*密碼輸入欄位切換icon*/
.InputCheckEye {
    position: relative;
    margin-left: 0px;
    text-indent: -2rem;
    color: #666666;
}
.InputConfirmEye {
    position: relative;
    margin-left: 0px;
    text-indent: -2rem;
    color: #666666;
}

/*按鈕調整*/
.btn{margin:0 0 5px;}


.btn-secondary{
    --bs-btn-color:#fff;
    --bs-btn-bg:#9ba0a5;
    --bs-btn-border-color:#9ba0a5;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:#5c636a;
    --bs-btn-hover-border-color:#565e64;
    --bs-btn-focus-shadow-rgb:130,138,145;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#565e64;
    --bs-btn-active-border-color:#51585e;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#fff;
    --bs-btn-disabled-bg:#9ba0a5;
    --bs-btn-disabled-border-color:#9ba0a5}


    .btn-primary{
        --bs-btn-color:#fff;
        --bs-btn-bg:#9ba0a5;
        --bs-btn-border-color:#9ba0a5;
        --bs-btn-hover-color:#fff;
        --bs-btn-hover-bg:#5c636a;
        --bs-btn-hover-border-color:#565e64;
        --bs-btn-focus-shadow-rgb:130,138,145;
        --bs-btn-active-color:#fff;
        --bs-btn-active-bg:#565e64;
        --bs-btn-active-border-color:#51585e;
        --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color:#fff;
        --bs-btn-disabled-bg:#9ba0a5;
        --bs-btn-disabled-border-color:#9ba0a5}