@charset "utf-8";
a:link {
	font-weight:500;
	color: #0000FF;
	text-decoration: none;
	
}
a:visited {
	
	font-weight:500;
	color: #000000;
	text-decoration: none;
}
a:hover {
	
	font-weight:500;
	color: #CC3300;
	text-decoration: underline;
}
a:active {
	
	font-weight:500;
	color: #FF0033;
}
.s0{font-size:8px; }
.s1{font-size:10px}
.s2{font-size:12px;}
.s3{font-size:15px;line-height: 20px;}
.s4{font-size:16px;line-height: 20px;}
.s5{font-size:18px;line-height: 20px;}
.s6{font-size:20px;line-height: 30px;}
.s7{font-size:22px;line-height: 30px;}
.s8{font-size:24px;line-height: 30px;}
.sk1 {  font-family: "標楷體"; font-size: 10px; font-weight: bold}
.sk2 {  font-family: "標楷體"; font-size: 11px}
.sk3 {  font-family: "標楷體"; font-size: 12px}
.sk4 {  font-family: "標楷體"; font-size: 14px; font-weight: normal}
.sk5 {  font-family: "標楷體"; font-size: 16px; font-weight: bolder}
.sk6 {  font-family: "標楷體"; font-size: 17px; font-weight: bolder}
.sk7 {  font-family: 標楷體; font-size: 18px;}
.
INPUT {
	border-width: 0px;
	height:18px;
	padding:0px;
	font-family:"細明體",GulimChe,"MS Gothic",NSimSun;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
select {	
	font-size:12px;
	color:#000066;
	cursor: hand;
	BACKGROUND-COLOR: #dfefff;
}
FORM {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
INPUT.checkbox {
	font-size:12px;
	color:#000066;
	background-color:#FFFFFF;
	cursor: hand;
}

INPUT.button {
	border : 1px #cccccc solid;
	background: #E9ECEF;
	color : #666666;
}
INPUT.image {
	border :0px;
	font-size : 12px;
	cursor: hand
}
input.redbutton {height:24px; border : 1px outset #cccccc; background: #E65A1B; color : #FFFFFF;   cursor: hand; clip:  rect(   )}
input.redaddbutton {height:30px;font-size:24px; border : 1px outset #cccccc; background: #E65A1B; color : #FFFFFF;   cursor: hand; clip:  rect(   )}
input.bluebutton {height:24px;text-align:center; border : 1px outset #cccccc ; background: #7B68EE; color : #FFFFFF; cursor: hand;clip:  rect(   ) }
input.graybutton {height:24px;text-align:center; border : 1px outset #cccccc; background: #808080; color : #FFFFFF;  cursor: hand; clip: rect( ) }
input.orangebutton {height:24px; border : 1px outset #cccccc; background: #FFA500; color : #FFFFFF;  cursor: hand; clip: rect( ) }
input.epxbutton {height:24px; border : 1px outset #cccccc; color : #666666; cursor: hand }
input.textarea {height:24px; border : 1px solid #cccccc; background: #E9ECEF; color : #666666;  cursor: hand }
input.blueselbt {height:24px; border :1px ridge; background: #0099FF; color : #FFFFFF;   width: auto; cursor: default; clip: rect( ) ; border-color: #cccccc #cccccc #000000}
input.funbutton {height:24px; text-align:center;border : 1px outset #cccccc; background: #FF8C00; color : #FFFFFF;  width: auto; cursor: hand;height:20px; clip:  rect(   )}
input.funbuttondis {height:24px; text-align:center;border : 1px outset #cccccc; background: #FFCC00; color : #999999;  width: auto; height:20px; clip:  rect(   )}

.funbluebutton { border : 1px outset #cccccc ;border-radius:5px; background: #7B68EE; color : #FFFFFF;  cursor: pointer;width:120px; }
.sf3 {  color: #FFCC65; filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1); font-weight: 600; border-color: black black #FFFFFF; font-family: 標楷體; font-size: 12px}
.sfdown3 { color: #7B44A5; filter: DropShadow(Color=white, OffX=1, OffY=1, Positive=1); font-weight: 600; border-color: black black #FFFFFF }
.sfbm4 { color: #6500A0; filter: Glow(Color=#ffffff, Strength=3); font-weight: 700; border-color: black black #FFFFFF ; font-size: 12px}
.sfbm5 { color: #FFFFFF; filter: Glow(Color=#CD07F8, Strength=3); font-weight: 500; border-color: black black #FFFFFF ; font-size: 12px }
.sfbm6 { color: #666666; filter: Shadow(Color=#000000, Direction=2); font-weight: 500; border-color: black black #FFFFFF ; font-size: 12px }
.sb8 { font-size:16px ; font-weight: bolder}
.bordertrdl {  border: #DDDDDD; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-size: 10px}
.td {  border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.tdlt {  border-color: #000000 #FFFFFF #FFFFFF #000000; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}
.tdltr {  border-color: #000000 #000000 #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.tdr {  border-color: #FFFFFF #000000 #FFFFFF #FFFFFF; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}
.tdltb {  border-color: #000000 #FFFFFF #000000 #000000; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px}
.tdlr {  border-color: #FFFFFF #000000; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.tdlrb {  border-color: #FFFFFF #000000 #000000; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.tdtr {  border-color: #000000 #000000 #FFFFFF #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}
.tdl {  border-color: #FFFFFF #FFFFFF #FFFFFF #000000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}
.tdt {  border-color: #000000 #FFFFFF #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.tdltrb {  border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.tdb {  border-color: #FFFFFF #FFFFFF #000000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.td2 {  border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.tdlt2 {  border-color: #000000 #FFFFFF #FFFFFF #000000; border-style: solid; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 2px}
.tdltr2 {  border-color: #000000 #000000 #FFFFFF; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 0px; border-left-width: 2px}
.tdr2 {  border-color: #FFFFFF #000000 #FFFFFF #FFFFFF; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 0px; border-left-width: 0px}
.tdltb2 {  border-color: #000000 #FFFFFF #000000 #000000; border-style: solid; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 2px}
.tdlr2 {  border-color: #FFFFFF #000000; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 0px; border-left-width: 2px}
.tdlrb2 {  border-color: #FFFFFF #000000 #000000; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.tdtr2 {  border-color: #000000 #000000 #FFFFFF #FFFFFF; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 0px; border-left-width: 0px}
.tdl2 {  border-color: #FFFFFF #FFFFFF #FFFFFF #000000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 2px}
.tdt2 {  border-color: #000000 #FFFFFF #FFFFFF; border-style: solid; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.tdltrb2 {  border: #000000; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.tdb2 {  border-color: #FFFFFF #FFFFFF #000000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px}

.suggestionsBox {
	position: relative;
	left: 30px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #fff;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

.suggestionList li:hover {
	background-color: #659CD8;
}
.agr {text-align:right;}
.agc {text-align:center;}
.agl {text-align:left;}
.fontbr {font-weight:800}
.rpttitle{font-size: 140%;line-height: 40px;}
.font_std {font-family: "細明體",GulimChe,"MS Gothic",NSimSun}
.font_stdkai {font-family: "標楷體",GulimChe,"MS Gothic",NSimSun}
.subformhead {background-color:#9BBB59}
.subformtable {border-spacing:1px;border-style:solid;border-width:1px;border-color:#FFFFFF;text-align:left;background-color:#E6EED5}

div.ui-datepicker{ font-size:10px;}
.indexfunbtn {
	height:30px;
}

@media only screen and (max-width: 1000px) {
	.funbluebutton { height:40px;margin:5px; border : 1px outset #cccccc ;border-radius:5px; background: #7B68EE; color : #FFFFFF;  cursor: pointer;width:120px; }
}

.blink{
  animation-duration: 0.6s;
  animation-name: blinkstr;
  animation-iteration-count: infinite;
  padding:0.5em;
}

@keyframes blinkstr {
    0%  { color: blue;}
    50% { color: red; }
}

.searchdiv {
	background: #FFFFFF ;
	border: 1px solid #989898;
	border-radius: 4px;
	padding: 0px;
	display: flex;
	align-items: center;
	display:inline;
	width: 160px;

}
.searchinput {
	border: none;
	outline: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	background: none ;
	width:130px;
	
}
.font-red {	color:red; }
.font-blue { color:blue; }
.font-black { color:#000000; }

body {
	padding:0 0 0 0;
	margin: 0px 0px 0px 0px;
	background-repeat:repeat-x;

}
	
.head1 {background-color:#95b8ed;height:50px;border:1px outset;}
.headtitle {font-family: 標楷體; font-size: 130%;color:#FFFFFF}
	

.cddata {border:1px solid;border-color:#fff #999999 #999999 #fff;overflow:hidden;white-space:nowrap}
.body_index {background-image:url(images/loginbg.jpg)}	

.mdy_save {width:55px}
.mdy_printnow {width:120px}
.backmain {width:100px}
.backlist {width:100px}
.befrecord {width:80px}
.nextrecord {width:80px}

.fieldsubform {padding:0px; text-align: left; min-width: 100%;}
.fieldgrp {text-align:left;clear:left;background-color:#4BACC6;color:blue;height:20px;min-width: 100%; }
.subformhead {background-color:#9BBB59}
.logininput {width:150px;height:20px;}
.loginfont {font-size:12px;}
.loginbox {padding-top:80px}
.password-field {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#adddataarea{}
#dspdataarea{}
#mdydataarea{}
#dataarea {display: flex; justify-content: stretch;flex-wrap: wrap; align: left;max-width:1200px;background-color:#FFFFFF;}


#srhcmd {width:100px;}
#add {width:100px}
#print {width:100px}
#export {width:100px}
#import {width:100px}


#form_funkey {margin-left: 0px;margin-top: 0px;margin-right:0px;margin-bottom: 0px;}
#authlogin {WIDTH:373px;height:290px;background-image: url(images/loginkeyinbg.gif);background-size:373px 290px;}
#loginint {padding-left:25px;}

span.fieldname {background-color:#FFFFFF;width:80px;padding:1px;text-align:right;vertical-align:top;display:inline-block;}
span.fielddata {background-color:#E8EFF6;text-align:left;padding:1px;min-width:50px;display:inline-block;}