@charset "utf-8";
/* CSS Document */
@mixin target-metro {
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    @content;
  }
}

html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
legend,
table, caption, tbody, tfoot, thead, tr, th, td ,p,i{
margin: 0;
/*padding: 0;*/
outline: 0;
font-size: 1rem;
text-align:left;
vertical-align:top;
font-family:'Arial','微軟正黑體';
}
td,th{/*padding:0px;*/}
img{
text-align:left;
vertical-align:top;
}
fieldset,form {
margin: 0;
/*padding: 0;*/
outline: 0;
font-size: 1rem;
text-align:center;
vertical-align:top;
}
div {margin: 0; 
/*padding: 0;*/}
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: 0;
}
s {color:#999999;}
a:focus, img:focus, li:focus {
	border:2px dashed #db2400;
	outline:0;
}
body {
	color: #333333;
	background: #ffffff;
}
ol, ul {
	list-style: none;
	padding:0;
}
a:link {
	color:#335fa6; 
	text-decoration: none;
	/*transition-duration: 0.5s;*/
}
a:visited {
	color:#335fa6; 
	text-decoration: none;
}
a:hover {
	color: #ef6a21; 
	text-decoration: none;
	/*padding-left: 3px;*/
}
a:active {
	color: #ef6a21; 
	text-decoration: none;
}
fieldset {
    margin: 0px 5px 0 5px;
    padding: 5px;
    border: 1px solid #CCCCCC;
    line-height: 1.5rem;
}
/*區塊標題*/
legend {
    margin-left: 1rem;
    padding-top: 1px;/*IE7修正字會被砍掉*/
    color: #db2400;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 5px;
}
form label {
    /*float: left;
    margin-right: 0em;*/
    color: #50667F;
    font-family:'Arial','Noto Sans TC', sans-serif,'微軟正黑體';
}
/*文字欄位區間*/
fieldset ol {
    list-style: none;
    padding-top: 5px;
    padding-left: 2em;
    padding-bottom: 5px;
}
fieldset li {
    line-height: 22px;
    line-height: 25px \9;/*IE8*/
    *line-height: 26px;/*IE7*/
    _line-height: 26px;/*IE6*/
    margin-top: 5px;
    margin-bottom: 5px;
}
fieldset table th {
    padding-top: 7px !important;
}

/*Msg Style*/
.msg_height{ min-height:35px; }
.Error_Msg{
    background: #F1592A; 
    width:50%; 
    font-size:1rem;
    display: block;
    color: #ffffff;
    padding: 5px 10px;
    line-height: 1.5rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align:center;
    margin:5px 0px;
    letter-spacing:1.2pt;
}
.Error_Msg i, .Success_Msg i { padding-top:5px; }
.Success_Msg {
    background: #84D069; width:50%; font-size:1rem;
    display: block;
    color: #ffffff;
    padding: 5px 10px;
    line-height: 1.5rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align:center;
    margin:5px 0px;
    letter-spacing:1.2pt;
}

/*i icon style*/
i {color:#50667F;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:10px;transform:scale(0.7);}
.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);
}

input[type='text'], input[type='number'], input[type='password'], select,textarea{
	font-size: 1rem;
	font-family:'Arial','新細明體';
	border:1px #cccccc solid;
	border-radius:5px;
	padding:5px;
	margin:0px 0px;
}
select {
	padding:2px;
	width:100px;
	color:#444444;
}
input[type='text']:focus, input[type='number']:focus, input[type='password']:focus, select:focus, textarea:focus{ border: 2px solid #EA5032; }
input[type='radio']{width: 15px; height: 15px;  width: 20px \9;height: 20px \9;/*IE8*/ line-height: 30px;cursor: pointer; } 
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: #ff4f81;
    border:1px #ff4f81 solid;
}
input[type=checkbox]:checked::after {
   content: "\2714";
   color: #ffffff;
   padding:0px 2px;
}

.ie10 input[type='radio'] {
   width: 20px; height: 20px;
}
input[type='button'],input[type='reset'],input[type='submit']{ padding:2px 5px; font-size:1rem; font-family:'Arial','Noto Sans TC', sans-serif,'微軟正黑體'; border:1px #cccccc solid; }
input[type='button']:focus,input[type='reset']:focus,input[type='submit']:focus {
    border: 2px solid #EA5032;
}

/*Print Setting*/
.JustPrint {display:none}
@media print {
	.JustPrint { display:block; font:9pt verdana; letter-spacing:2px;}
	.NoPrint {display:none}
}