.clear {
	clear:both;
}
.tcenter {
	text-align:center;
}
.tright {
	text-align:right;
}
.fright {
	float:right;
}
.fleft {
	float:left;
}
.bcolor {
	color:#0000ff;
}
.margin0 {
	margin:0!important;
}
.padding10 {
	padding:10px!important;
}
.bgffff80 {
	background:#ffff80;
}
.vabottom, .vabottom * {
	vertical-align:bottom;
}
.vamiddle, .vamiddle * {
	vertical-align:middle;
}
.mleft10 {
	margin-left:10px!important;
}
.mtop10 {
	margin-top:10px!important;
}
.hidden {
	display:none;
}
.dib {
	display:inline-block;
}
.bgFFFFFF {
	background:#ffffff!important;
}
.bgFFC8FF {
	background:#ffc8ff!important;
}
.bgFFFF99 {
	background:#ffff99!important;
}
.color000099 {
	color:#000099!important;
}
.colorFFFFFF {
	color:#FFFFFF!important;
}
.fixedHeight {
	height:460px;
	overflow-y:scroll;
	padding:0;
}
.fixedHeight > table {
	margin:0!important;
}
html, body {
	background:#d5e6fa;
	font-size:13px;
}
.note {
	color:#ff0000!important;
}
.photo_date {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:rgba(255,255,255,0.5);
	text-align:center;
	padding:5px; 0;
	color:#000000;
}
.login {
	font-size:16px;
	border:5px solid #4d7cb3;
	border-radius:10px;
	overflow:hidden;
	width:300px;
	height:400px;
	margin:auto;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#ffffff;
}
.login input {
	font-size:16px!important;
	/*width:200px!important;*/
}
.login form {
	padding:10px 0;
}
.login .banner {
	padding:10px 5px;
	line-height:1;
	font-size:30px;
	background:#ffffff;
	color:#000000;
	font-weight:bold;
}
.home .info {
	width:270px;
}
.home .info .box {
	margin:10px 0;
}
.home .menu {
	width:680px;
}
.top * {
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
}
.top marquee {
	border:1px solid #999999;
	border-radius:2px;
	padding:5px 0;
	width:630px;
	margin:0 10px 0 0;
	color:#ff0000;
}
.border1 {
	border:1px solid #999999;
	border-radius:2px;
	padding:5px 10px;
	color:#0000ff;
}
.home .info h6 {
	background:linear-gradient(to bottom,#ffffff 0%,#dddddd 100%);
	background:-moz-linear-gradient(top,#ffffff 0%,#dddddd 100%);
	background:-webkit-linear-gradient(top,#ffffff 0%,#dddddd 100%);
	padding:5px 0;
	text-align:center;
	border:1px solid #999999;
	margin:0 0 5px 0;
}
.home table {
	width:100%;
}
.home table th {
	color:#000080;
	text-align:center;
	padding:3px 0;
}
.home table td {
	color:#008080;
	text-align:center;
	padding:3px 0;
}
.home .menu .button_icon {
	width:210px;
	height:210px;
	margin:7px;
	float:left;
	border-radius:50px;
	background:linear-gradient(to bottom,#fefefe 0%,#dfa8df 50%,#f6e8f5 85%,#fffbff 100%);
	background:-moz-linear-gradient(top,#fefefe 0%,#dfa8df 50%,#f6e8f5 85%,#fffbff 100%);
	background:-webkit-linear-gradient(top,#fefefe 0%,#dfa8df 50%,#f6e8f5 85%,#fffbff 100%);
	box-shadow:5px 5px 5px #aaaaaa;
	border:5px solid #dfecda;
	box-sizing:border-box;
	font-size:20px;
	font-weight:bold;
	padding:10px;
	cursor:pointer;
	overflow:hidden;
	text-align:center;
}
.home .menu .button_icon img {
	width:90%;
}
.backgroundWidth90 {
	background:#999999;
	width:300px;
	height:300px;
	margin:auto;
	position:relative;
}
.container {
	font-family:Arial,'微軟正黑體';
	width:960px;
	margin:0px auto;
	border-left:1px solid #4d7cb3;
	border-right:1px solid #4d7cb3;
	font-size:13px;
}
.container .header {
	background:#4f88d6;
	background:linear-gradient(to bottom,#4f88d6 0%,#6faef2 14px,#4f88d6 100%);
	background:-moz-linear-gradient(top,#4f88d6 0%,#6faef2 14px,#4f88d6 100%);
	background:-webkit-linear-gradient(top,#4f88d6 0%,#6faef2 14px,#4f88d6 100%);
	padding:5px 5px 0px 5px;
	position:relative;
}
.container .header h1 {
	font-weight:bold;
	font-size:28px;
	color:#FFFFFF;
	float:left;
}
.container .header .nav {
	text-align:right;
}
.container .header .nav > li {
	padding:7px;
	display:inline-block;
	background:#b1ceed;
	text-align:center;
	border-radius:5px 5px 0 0;
	position:relative;
	border-top:1px solid #4d7cb3;
	border-left:1px solid #4d7cb3;
	border-right:1px solid #4d7cb3;
}
.container .header .nav > li.current {
	border:0px;
	z-index:5;
	background:#d5e6fa;
}
.container .header .nav > li a {
	color:#000000;
	font-weight:bold;
}
.container .header .nav > li a:hover {
	color:#f58400;
}
.main {
	height:756px;
	overflow:hidden;
	padding:5px;
	position:relative;
	box-shadow:0px -1px 1px #4d7cb3;
	color:#000080;
}
.main fieldset {
	border:1px solid #4d7cb3;
	padding:5px;
	border-radius:5px;
	margin:0 0 5px 0;
}
.main legend {
	padding:0 5px;
	font-size:14px;
	font-weight:bold;
}
/*.main label {
	color:#000000;
}*/
.main hr {
	border:0;
	border-top:1px solid #4d7cb3;
}
.main .section {
	padding:0 0 15px 0;
}
.main input[type='text'], .main input[type='password'], .main input[type='number'], .main input[type='date'], .main select {
	border:1px solid #5080bc;
	background:#ffffff;
	width:100px;
	max-width:100%;
	box-sizing:border-box;
	padding:1px 3px;
	margin:4px 2px 4px 0;
	font-size:13px;
}
.main input[type='number'] {
	text-align:right;
}
.main textarea {
	border:1px solid #5080bc;
	background:#ffffff;
	box-sizing:border-box;
	padding:1px 3px;
	margin:4px 2px 4px 0;
	font-size:13px;
}
.main input[disabled] {
	background:#efefef;
	border:1px solid #70a0dc;
}
.main input[type='text']:focus, .main input[type='password']:focus, .main input[type='number']:focus, .main input[type='date']:focus, .main select:focus {
	border:2px solid #5080bc;
	margin:3px 1px 3px -1px;
}
.main textarea:focus {
	border:2px solid #5080bc;
	margin:3px 1px 3px -1px;
}
.main table.list td input[type='text'], 
.main table.list td input[type='password'], 
.main table.list td input[type='number'], 
.main table.list td input[type='date'], 
.main table.list td select {
	min-width:100%;
	margin:0;
}
.main table.list td input[type='text']:focus, 
.main table.list td input[type='password']:focus, 
.main table.list td input[type='number']:focus, 
.main table.list td input[type='date']:focus, 
.main table.list td select:focus {
	margin:-1px;
}
.main table.edit td input[type='text'], 
.main table.edit td input[type='password'], 
.main table.edit td input[type='number'], 
.main table.edit td input[type='date'], 
.main table.edit td select {
	width:100%;
	padding:3px 3px;
	margin:0;
	border:0;
}
.main table.edit td input[type='text']:focus, 
.main table.edit td input[type='password']:focus, 
.main table.edit td input[type='number']:focus, 
.main table.edit td input[type='date']:focus, 
.main table.edit td select:focus {
	border:0;
	margin:0;
}
.main table.edit td button {
	padding:1px 7px;
	font-size:12px;
}
.main button {
	padding:3px 7px;
	background:#8bb4ff;
	background:radial-gradient(#c9d8ff 0%,#8bb4ff 80%,#c9d8ff 100%);
	background:-moz-radial-gradient(#c9d8ff 0%,#8bb4ff 80%,#c9d8ff 100%);
	background:-webkit-radial-gradient(#c9d8ff 0%,#8bb4ff 80%,#c9d8ff 100%);
	border:1px solid #425284;
	border-radius:5px;
	color:#000000;
	margin:0px 1px;
	cursor:pointer;
	font-weight:bold;
}
.main button:focus {
	background:#f58400;
}
.main button.note {
	color:#ff0000;
}
.main button[disabled] {
	background:#c4daff;
	background:radial-gradient(#ffffff 0%,#c4daff 20%,#ffffff 100%);
	background:-moz-radial-gradient(#ffffff 0%,#c4daff 20%,#ffffff 100%);
	background:-webkit-radial-gradient(#ffffff 0%,#c4daff 20%,#ffffff 100%);
	border:1px solid #8490a4;
	color:#a0a0a0
}
.main form.searchbox {
	background:#eeeeee;
	padding:10px;
	margin:10px 0px;
}
.main table.search {
	width:100%;
	margin:5px 0px;
}
.main table.search tr > * {
	border:0px;
}
.main table.search tr > th {
	font-weight:bold;
	vertical-align:middle;
	padding:1px;
}
.main table.search tr > td {
	padding:1px;
}
.main table.list {
	width:100%;
	margin:10px 0px;
}
.main table.list tr.boxAdd {
	display:none;
}
.main table.list tr > th {
	/*background:#4f88d6;
	background:linear-gradient(to bottom,#4f88d6 0%,#6faef2 14px,#4f88d6 100%);
	background:-moz-linear-gradient(top,#4f88d6 0%,#6faef2 14px,#4f88d6 100%);
	background:-webkit-linear-gradient(top,#4f88d6 0%,#6faef2 14px,#4f88d6 100%);
	color:#000000;
	padding:1px;
	font-weight:bold;
	vertical-align:middle;*/
	padding:1px;
	font-weight:bold;
}
.main table.list tr > td {
	padding:3px 5px 3px 1px;
}
.main table.list tr > td.note, .main table.list tr > td span.note {
	color:#ff0000;
}
.main table.list tr > td.list {
	padding:0;
}
.main table.edit {
	width:100%;
	margin:10px 0px;
	border:1px solid #999999;
	color:#000000;
}
.main table.edit tr > * {
	border:1px solid #000000;
	vertical-align:middle;
	text-align:center;
}
.main table.edit tr > th {
	background:#ffc8ff;
	font-weight:bold;
	border:1px solid #000000;
	padding:3px 1px;
}
.main table.edit.style2 tr > th {
	background:rgb(163,209,209);
	font-weight:bold;
	border:1px solid #000000;
	padding:3px 1px;
}
.main table.edit.style2 tr > td {
	background:rgb(218,237,237);
}
.main table.edit.style3 tr > th {
	background:#d5e6fa;
	font-weight:bold;
	border:1px solid #000000;
	padding:3px 1px;
}
.main table.edit.style3 tr > td {
	background:#ffffff;
}
.main table.edit tr > td {
	border:1px solid #c0c0c0;
}
.main table.edit tr > td table {
	margin:0;
}
.main table.edit tr > td.list {
	padding:0;
}
.main .paging_nav > button {
	padding:3px 7px;
	background:#333333;
	color:#ffffff;
	margin:0px 1px;
	cursor:pointer;
	border:0;
}
.main .paging_nav > button[disabled] {
	color:#666666;
	cursor:default;
}
.main .tobox > span {
	display:inline-block;
	width:32%;
}
.footer {
	background:#4f88d6;
	background:linear-gradient(to bottom,#4f88d6 0%,#6faef2 14px,#4f88d6 100%);
	background:-moz-linear-gradient(top,#4f88d6 0%,#6faef2 14px,#4f88d6 100%);
	background:-webkit-linear-gradient(top,#4f88d6 0%,#6faef2 14px,#4f88d6 100%);
	padding:10px;
	color:#FFFFFF;
	text-align:center;
}
.check .note {
	font-size:26px;
}