@charset "utf-8";
@font-face {
        font-family: "Noto Sans CJK TC";  
		font-display: swap;
        src: url(../fonts/NotoSansCJKtc-Regular.otf);
}
/* CSS Document */
html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, 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;
line-height:26px;
font-family: 'Noto Sans CJK TC', 'Noto Sans TC', sans-serif, '微軟正黑體';
font-weight:400;
text-align:left;
vertical-align:top;
}

label{

vertical-align:middle;
}

label, td, li{font-size: 1.1rem;line-height:1.8rem;}
p{
margin: 0;
font-size: 1.1rem;
outline: 0;
padding:0;
}
div{margin: 0;
/*padding: 0;*/
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 1.1rem;
font-family:'Noto Sans CJK TC', 'Noto Sans TC',  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, tbody, tfoot, thead, tr, th{border:0;}
/* remember to define focus styles! */
:focus {
outline: 1;
}
body {
line-height: 1;
color: #333333;
background: white;
}
ol, ul {
list-style: none;
}
a:link {
	color: #0075C2;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0075C2;
}
a:hover {
	/*text-decoration: underline;*/
	color: #E72410;
}
a:active {
	text-decoration: none;
	color: #E72410;
}
select, input[type='text'], input[type='password'], input[type='button'],  input[type='reset'], input[type='submit'], input[type='date'],input[type='tel'],input[type='number'], textarea{
	font-size: 1.1rem;
	padding:4px;
	margin-bottom: 3px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

input[type='file']{
	width: 100%;
	font-size: 12px;
	padding:4px;
	margin-bottom: 3px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

select:focus, input[type='text']:focus, input[type='password']:focus, input[type='button']:focus, input[type='file']:focus, input[type='reset']:focus,input[type='tel']:focus, input[type='submit']:focus, input[type='date']:focus, textarea:focus{ border: 2px solid #EA5032; }
fieldset {
    margin: 10px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #CCCCCC;
	line-height:26px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

/*區塊標題*/
legend {
    margin-left: 1em;
	padding-top: 1px;/*IE7修正字會被砍掉*/
    color:#db2400;
    font-weight: bold;
	font-size:1.1rem;
}


/*欄位標題*/
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 {
    
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left:0em;text-indent:-0.6rem; /*縮排*/
}
input[type='radio']{
	width: 20px; height: 20px; vertical-align:middle;margin-top:-5px;
}
fieldset ol li input[type='radio']{
	width: 20px; height: 20px; vertical-align:top;
}


form fieldset li {
    border-bottom:1px solid #cccccc;
    padding:0px 0px 5px 0px;
}

form fieldset li font{
	line-height:2rem;
}

/*文字欄位樣式*/
.AppForm input.fildform{
border: 1px solid #C3C3C3;
}
.AppSearch{
	/*display: flex;*/
}
/*文字欄位樣式*/
.AppForm input[type='text'],
.AppForm input[type='password'],
.AppForm textarea,
.AppSearch input[type='text'],
.AppSearch input[type='password'],
.AppSearch textarea{
	/*line-height: 20px;
	height: 24px;*/
	font-size: 18px;
	border: 1px solid #C3C3C3; 
	/*border-color: #000;*/
	/*border-right: 0px;*/
	padding:10px; 
	border-radius:0px;
	margin: 5px;

}
.AppForm select{
	border: 1px solid #C3C3C3; 
	/*border-color: #000;*/
	padding:4px; 
	border-radius:0px;
	font-size: 18px;
	padding:10px;
	width: 100%;

}
.AppSearch select{
	font-size: 18px;
	-webkit-font-size: 18px;  /*為Chrome/Safari*/
	-moz-font-size: 18px; /*為Firefox*/
	-ms-font-size: 18px;  /*為IE*/
	-o-font-size: 18px; /*為Opera*/
	border: 1px solid #C3C3C3; 
	-webkit-border: 1px solid #C3C3C3;  /*為Chrome/Safari*/
	-moz-border: 1px solid #C3C3C3;  /*為Firefox*/
	-ms-border: 1px solid #C3C3C3;  /*為IE*/
	-o-border: 1px solid #C3C3C3;  /*為Opera*/
	padding:10px; 
	margin: 5px;
	

}
.cancel_button{
	padding:10px;
	background-color: #fff;
	color: #000;
	font-size: 18px;
	border: 1px solid #C3C3C3;


}
.AppForm input[type='text']:focus, .AppForm  input[type='password']:focus, .AppForm select:focus, .AppForm textarea:focus{ border: 2px solid #EA5032; }

.AppForm input[type='radio']{width: 20px; height: 20px;  width: 20px \9;height: 20px \9;/*IE8*/ line-height: 30px; } 
.AppForm li span{color:#db2400; } 
input[type='checkbox']{width: 23px; height: 23px;  width: 23px \9;height: 23px \9;/*IE8*/ line-height: 30px; vertical-align:top; } 
.AppForm_Submit{
	width:45%;
	border-style: none;
	padding:10px 20px 10px 20px;/*top right bottom left*/
	background-color:#db2400;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	vertical-align:top;
	vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
	color:#FFFFFF;
	-webkit-appearance : none ;
	font-size:1rem;
	font-family:'微軟正黑體';
	margin:10px;
}
.AppForm_Reset{
	width:45%;
	border-style: none;
	padding:10px 20px 10px 20px;/*top right bottom left*/
	background-color:#999999;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	vertical-align:top;
	vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
	color:#FFFFFF;
	-webkit-appearance : none ;
	font-size:1rem;
	font-family:'微軟正黑體';
	margin:10px;
}
@media (max-width: 510px) { 
.AppForm li span{display:block;margin-left:22px; } 
.AppForm input[type='text']{ display:block; margin-left:22px; font-size:1rem; }
}

.SearchInput,.AppSearch input[type='text'] {
	background-image: url('../Icon/searchicon.png');
    background-position: 7px 13px; 
    background-repeat: no-repeat;
    padding-left: 30px !important;
}
.iwidth{width:10px;}
.leftwidth{padding-left:15px;}
.fa-star{color:#FFCE55;}
.fa-donate{/*color:#FFCE55;*/}
.fa-file-download{color:#666666;}

/*表單欄位眼睛*/
.InputCheckEye {
	position: relative;
	margin-left: 0px;
	text-indent:-2rem;
	color:#666666;
}
/*修改密碼的眼睛 */
.InputConfirmEye {
    position: relative;
    margin-left: 0px;
    text-indent: -2rem;
    color: #666666;
}
/*覆蓋套件預設樣式*/
mark{
    padding: 0px 5px;
    background-color: #ffdd00;
}