@charset "utf-8";
@import url("reset.css");
/* CSS Document */
html {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	color:#222;
	line-height:150%;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif, "微軟正黑體";
	background:url(../images/bg_leftMenu.jpg) repeat-y;
}
p, h1, h2, h3 {
	line-height:150%;
}
a {
	color:#333;
}
a:hover {
	color:#F60;
}
input, textarea, select {
	font-family:Tahoma, Geneva, sans-serif, "微軟正黑體";
	font-size:14px;
	padding: 3px;
	color: #333;
	/*避免select長度不一*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input:focus {
	outline: none;
}
.red {
	color: #F00;
}
.darkred {
	color: #AA0000;
}
.green {
	color: #090;
}
.grey {
	color: #999;
}
.tip {
	color: #999;
}
.purple{
	color:#CA33D3;
}
.blue{
	color:#3f51b5;
}
.white {
	color: #FFF;
}
.tip {
	color:#999;
	margin-top:5px;
}
.align_r {
	text-align:right;
}
.align_c {
	text-align:center;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
ol.number {
	list-style-type:decimal;
	margin-left:40px;
}
.divider {
	display:block;
	width:auto;
	height:10px;
	line-height:10px;
}
.font {
	font-family:Arial, Helvetica, sans-serif;
}
ol.number {
	list-style-type:decimal;
	margin-left:40px;
}
/*-------------top--------------------*/
.top a {
	display:block;
	width:81px;
	height:20px;
	background: url(../images/top.gif) no-repeat;
	text-indent:-9999px;
	position:fixed;
	*display:none;/*ie6*/
	right:20px;
	bottom:0;
	cursor:pointer;
}
.top a:hover {
	height:30px;
}
/*-------------header--------------------*/
#header_wrapper {
	width:100%;
	background:#ffa200;
	height:50px;
}
#header {
	width:95%;
	margin:0 auto;
	height:51px;
	position:relative;
	color:#FFF;
}
#header h1 {
	font-size:13px;
	font-weight:normal;
	line-height:50px;
	left:0;
	position:absolute;
}
#header ul {
	position:absolute;
	right:0;
}
#header li {
	border-left:1px solid #F60;
	float:left;
}
#header li a {
	line-height:50px;
	padding:0 20px;
	color:#FFF;
	display:block;
	text-decoration:none;
}
#header li a:hover {
	background:#ff6600;
}
/*-------------menu--------------------*/
#menu_wrapper {
	width:100%;
}
#menu {
	width:95%;
	margin:0 auto;
}
#menu li {
	display:inline-block;
	vertical-align:top;
	margin:10px;
	background:#f5f5f5;
	padding:0;
}
#menu li {
*display:inline;/*ie6*/
}
#menu li h1 {
	display:block;
	color:#FFF;
	font-family:"微軟正黑體";
	font-size:14px;
	padding:0 20px;
	line-height:30px;
	background:#999999;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
}
#menu li ul {
	padding:10px 10px 0 10px;
}
#menu li ul li {
	padding:0;
	margin:0;
	display:block;
	border:none;
 *width:150px;/*ie6*/
}
#menu li ul li a {
	display:block;
	padding-left:10px;
	margin-bottom:10px;
	background:url(../../images/bg_list_blue.png) no-repeat left center;
}
#menu li ul li a:hover {
	background:url(../../images/bg_list_red.png) no-repeat left center;
}
/*-------------content--------------------*/
#left {
	width:180px;
	float:left;
	padding:20px;
	background:#f5f5f5;
}
#right {
	margin-left:220px;
	padding:20px;
}
#right h1 {
	font-family:"微軟正黑體";
	font-size:21px;
	color: #f60;
	position:relative;
	font-weight:normal;
}
#right h1 span {
	position:absolute;
	right:0;
	top:0;
}
#right h1 p {
	display:inline;
	font-weight: normal;
	color:#F03;
	font-size:15px;
	padding-left:5px;
}
h3 {
	font-family:"微軟正黑體";
	font-size:17px;
	color: #F60;
	font-weight:normal;
}
/*-------------left menu--------------------*/
#left ul {
	margin:8px 0 8px 20px;
	font-size:13px;
}
#left ul li {
	display:block;
	width:auto;
	padding:3px 0 3px 15px;
	background: url(../images/sub_list.gif) no-repeat left center;
}
#left ul li.last {
	background: url(../images/sub_list_last.gif) no-repeat left top;
}
#left ul li.selected a {
	color:#f60;
}
.slideUp {
	font-family:"微軟正黑體";
	font-size:14px;
	font-weight:bold;
	display:block;
	width:180px;/*圓高200px*/
	height:36px;
	line-height:36px;
	text-indent:20px;
	background:#999;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.select {
	background:#f60;
}
.slideUp:hover {
	background:#d5ae80;
}
.slideUp a {
	color:#FFF;
}
.select a {
 color:#
}
.select:hover a {
	color:#FFF
}
/*-------------trace--------------------*/
#trace ul {
	height:12px;
}
#trace li {
	float:left;
	line-height:12px;
	margin-right:5px;
	color:#999;
 *line-height:14px;/*ie6*/
}
#trace li.bg {
	background:url(../images/arrow_gray.gif) right center no-repeat;
	padding-right:10px;
}
/*-------------login--------------------*/
#login_header {
	width:450px;
	margin:20px auto; text-align:center; font-size:27px; line-height:150%; color:#F60;

}
#login_header span{
	color:#666;	
	}
#login {
	padding:15px;
	background:#fafafa;
	color:#666;
	border:1px solid #e5e5e5;
	border-radius:4px;
	margin:0 auto;
	width:250px;font-size:13px;
}
#login .text {
	height:40px;
	width:100%;
	padding:8px 6px;
	font-size:16px;
	border-radius:4px;
	border:1px solid #e5e5e5;
}
#login .validcode {
	height:40px;
	width:30%;
	padding:8px 6px;
	font-size:16px;
	border-radius:4px;
	border:1px solid #e5e5e5;
}
#login .text:focus,#login .validcode:focus {
	border:1px solid #A6C1CE; background:#F6FBFE;
}
#login .btn {
	width:auto;width:100%;
	height:45px;
	border:0;
	background:#00A3E7; font-size:20PX;
	color:#FFF;
	cursor:pointer;
	-webkit-border-radius:3px;
	text-decoration:none;
	text-shadow:0px -1px 0px rgba(000,000,000,0.2);
}
#login .btn:hover {
	background:#FC0;
	color:#FFF;
}
/*-------------form Table--------------------*/
.light {
	background:#f5f5f5;
}/*table 變色*/
.formTable {
	border-top:#ddd 1px solid;
}
.formTable th {
	border-bottom:#ddd 1px solid;
	background:#f5f5f5;
	padding:8px;
}
.formTable td {
	border-bottom:#ddd 1px solid;
	padding:8px;
}
.formTable tr.noborder td {
	border:0;
}
.contentBox {
	width:100%;
}
.largeText {
	width:70%;
}
.smallText {
	width:80px;
}
.midText {
	width:300px;
}
/*-------------select--------------------*/
select {
	font-family:Tahoma, Geneva, sans-serif, "新細明體";
	padding:3px;
}
/*-------------display Table--------------------*/
.displayTable {
	border-top:#ddd 1px solid;
}
.displayTable th {
	border:#ddd 1px solid;
	background:#888;
	padding:4px 5px;
	color:#FFF;
	font-size:14px;
}
.displayTable td {
	border:#ddd 1px solid;
	padding:4px 5px;
}
.speakerWrapper {
	border:3px solid #ddd;
	padding:20px;
	background:#F5F5F5;
}
/**********tab**********/
#tab {
	overflow: auto;
}
#tab li {
	float: left;
	margin: 0 10px 0 0;
}
#tab li a {
	padding:0 15px;
	background:#eee;
	width:auto;
	display:inline-block;
	height:35px;
	line-height:35px;
	color:#222;
	text-decoration:none;
}
#tab li a:hover {
	background: #069;
	color:#FFF;
}
#tab li.active a {
	text-decoration: none;
	background: #f90;
	color: #fff;
}
#tab li.active a:hover {
}
/*---------page--------*/
#page {
	text-align:center;
}
#page span a {
	display: inline-block;
	border:#ccc 1px solid;
	padding:1px 7px;
	color:#222;
	text-decoration:none;
	background:#f1f1f1;
	margin-left:5px;
}
#page span.current {
	padding:1px 5px;
	margin-left:5px;
}
#page span a:hover {
	background:#666;
	color:#fff;
	border:#666 1px solid;
}

ul.ForInvoice li{
	width:200px;
	float:left;

}
ul.checkBox li{
	float:left;
	width:200px;
}