/**/
@charset "utf-8";

body		{font-size: 80%; margin:0; padding:0;}
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , ul, li
{
	margin: 0px;
	padding: 0px;
	border:none;
	outline: 0px;
	font-weight:normal;
	font-style:normal;
	line-height: normal;
	color:#333333;
	font-family:Calibri, Verdana, Arial,  "新細明體", "微軟正黑體",  sans-serif;
}
input {font-family:Calibri, Verdana, Arial, "新細明體", "微軟正黑體", sans-serif;}
table {border-collapse: collapse; border-spacing: 0;}
ul 		{list-style:none;}
a img, :link img, :visited img {border:none;}
label	{cursor:pointer}

/*去除連結虛線框*/
a			{blr:expression(this.onFocus=this.blur());}
a:focus 	{-moz-outline-style: none; } 

/*clearfix*/
.clearfix:after			{content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
.clearfix				{display: inline-block;} 
html[xmlns] .clearfix	{display: block;}
* html .clearfix		{height: 1%;}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){#{} }


a:link,
a:visited			{color:#0066CC; outline:none}
a:hover				{text-decoration:none; outline:none}

.textInput			{background:#F3F3F5; padding:9px 10px;  border:1px solid #CCc; color:#999; -webkit-box-shadow:inset #ddd 1px 1px 3px; -moz-box-shadow:inset #ddd 1px 1px 3px; box-shadow:inset #ddd 1px 1px 3px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(css/PIE.htc)\9; position:relative; }
.textInput:focus	{background:#FFC; border:1px solid #CC9; color:#000; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
textarea			{background:#F3F3F5; padding:9px 10px;  border:1px solid #CCc; color:#999; -webkit-box-shadow:inset #ddd 1px 1px 3px; -moz-box-shadow:inset #ddd 1px 1px 3px; box-shadow:inset #ddd 1px 1px 3px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(css/PIE.htc)\9; position:relative; }
textarea:focus		{background:#FFC; border:1px solid #CC9; color:#000; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.dateInput			{background:url(../images/calendar.gif) no-repeat right;}

select				{padding:8px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #ccc; }

.button,
.button:visited		{display: inline-block; border:none; text-align:center;  color: #999; background:#ddd; font-size:13px; line-height:120%; padding:10px 23px; outline:none; *padding:10px 10px 5px 10px;  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  behavior: url(css/PIE.htc)\9; position:relative; text-decoration:none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;}
.button:hover		{background: #eee; cursor:pointer;}
.button:active 		{background:#ddd;  position:relative; top: 1px; color:#bbb; text-shadow: 0 0 0, 1px 1px 0px rgba(255, 255, 255, 0.3); -webkit-box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); }

.blue-btn,
.blue-btn:link,
.blue-btn:visited	{background: #00a1cb; color:#FFF}
.blue-btn:hover 		{background: #00b5e5;}
.blue-btn:active	{background: #1495b7; color: #00647f;}

.red-btn,
.red-btn:link,
.red-btn:visited	{background: #e54028; color:#FFF}
.red-btn:hover 		{background: #e8543f;}
.red-btn:active 		{background: #CF2929; color:#900; }

.green-btn,
.green-btn:link,
.green-btn:visited	{background: #7db500; color: white;}
.green-btn:hover 	{background: #8fcf00;}
.green-btn:active	{background: #76a312; color: #486900;}

.orange-btn,
.orange-btn:link,
.orange-btn:visited	{background: #FF6C0A; color: white;}
.orange-btn:hover 	{background: #FF8533;}
.orange-btn:active	{background: #F96400; color: #8A3700;}

.smallButton            {display: inline-block; border:none; text-align:center;  color: #FFF; background:#309FD6; font-size:13px; line-height:110%; padding:6px 6px; outline:none;  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  behavior: url(css/PIE.htc)\9; position:relative; text-decoration:none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;}
.smallButton:hover		{background: #00b5e5; cursor:pointer;}
.smallButton:active 		{background:#1495b7; color: #00647f; }
.smallButton:link {color:#FFF;}
.smallButton:visited {color:#FFF;}

.del-btn:link,
.del-btn:visited	{background:url("../images/icon_delete.png") no-repeat center; display:block; float:right; width:14px; height:14px; padding:10px 15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  behavior: url(css/PIE.htc)\9; position:relative;  margin-left:5px;}
.del-btn:hover	    {background:#eee url("../images/icon_delete.png") no-repeat center;}
.del-btn:active	    {background:#E54028 url("../images/icon_delete.png") no-repeat center;}

.trash-btn:link,
.trash-btn:visited	{background:url("../images/icon_trashcan.png") no-repeat center; display:block; float:right; width:13px; height:15px; padding:10px 15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  behavior: url(css/PIE.htc)\9; position:relative;  margin-left:5px;}
.trash-btn:hover	{background:#eee url("../images/icon_trashcan.png") no-repeat center;}
.trash-btn:active	{background:#E54028 url("../images/icon_trashcan2.png") no-repeat center;}

.bluish-btn		 	{background: #25a3a0; color:#FFF;}
.bluish-btn:hover 	{background: #21b4b0;}
.bluish-btn:active	{background: #18807e; color: #0b4544;}

.msg				{background:#EFEB45; color:#77740B; border:1px solid #EAE420; padding:6px 20px; text-align:center;  margin-bottom:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  behavior: url(css/PIE.htc)\9; position:relative;  -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;}

/*main*/
body							{ background:url(../images/titleBg2.png); background:#eee; }
h1								{font-size:24px; font-family:"微軟正黑體", "新細明體"; font-weight:bold; color:#000;}
h2								{font-size:20px; font-family:"微軟正黑體", "新細明體"; font-weight:bold; }
h3								{font-size:16px;}

.adminContainter				{width:100%; margin:0 auto; float:left;}
.admintopbar					{background:#eee; float:left; width:100%;}
.admintopbar li					{float:right; color:#666; display:block; padding:8px; }
.admintopbar li b				{}
.admintopbar  .loginBtn:link,
.admintopbar  .loginBtn:visited	{background:#333; color:#fff; padding:8px 15px; text-decoration:none; color:#fff!important;}
.admintopbar  .loginBtn:hover	{background:#222;}

.mainContent					{width:980px; margin:auto;}
.mainContent .pane				{background:#fdfdfd; width:100%;float:left; -webkit-box-shadow:#999 0px 2px 2px; -moz-box-shadow:#999 0px 2px 2px; box-shadow:#999 0px 2px 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(css/PIE.htc)\9;  position:relative;  background:#FFF url(../images/divider.png) repeat-y 180px 0;}
.mainContent .paneLeft			{width:180px; float:left;}
.mainContent .paneMR			{width:779px; float:left; padding:10px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(css/PIE.htc)\9;  position:relative;}
.mainContent .paneMR .content	{padding:0; margin:0; float:left; width:100%; margin-top:5px;}
.mainContent .paneMR .pagination	{width:100%; margin:auto; text-align:center; float:left;}

.mainContent .header			{float:left; width:100%; margin:0px 0 10px 0;}
.mainContent .header .left		{float:left;}
.mainContent .header .right		{float:right;}
.mainContent .adminTop			{background:#333 url(../images/titleBg.png) repeat; padding:15px; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; display:none;}
.mainContent .adminTop h3		{color:#FFF;}

.title-top			{float:left; width:100%; margin:0px 0 0px 0; /* border-bottom:5px solid #369; */ padding-bottom:10px;}
.title-top h1		{float:left; }
.title-top .right	{float:right;}

.breadcrumb				{clear:both; margin:5px 0; float:left; width:100%; color:#999; }
.breadcrumb a:link,
.breadcrumb a:visited	{font-size:12px; color:#999; text-decoration:none; margin:0 5px;}
.breadcrumb a:hover		{color:#000;}

.btnbar					{position:absolute; top:20px; right:0;}
.btnbar li				{float:left; display:block;}
.btnbar a.button			{}

.searchBar				{width:99%; float:left; border: 1px solid #eee; margin:0px 0; clear:both; padding:6px 0 6px 0; background:#f3f3f3; border-left:5px solid #ccc; position: relative;}
.searchBar li			{float:left;}
.searchBar .textInput	{width:100px; margin:3px 5px 0 5px; background:#fff;}
.searchBar .button		{}

.searchBar.ebook-searchBar              {margin-bottom: 10px;}
.searchBar.ebook-searchBar li           {margin-right: 10px;}
.searchBar.ebook-searchBar span.title   {display: inline-block; width: 80px; margin-right: 5px; text-align: right}
.searchBar.ebook-searchBar select       {width:100px; top: 4px; position: relative;}
.searchBar.ebook-searchBar .button      {position: absolute; right:25px; bottom: 5px;}
.searchBar.ebook-searchBar .dateInput   {width:85px!important;}

.searchBar.erp-searchBar              {margin-bottom: 10px;}
.searchBar.erp-searchBar li           {margin-right: 10px;}
.searchBar.erp-searchBar span.title   {display: inline-block; width: 80px; margin-right: 5px; text-align: right}
.searchBar.erp-searchBar select       {width:100px; top: 4px; position: relative;}
.searchBar.erp-searchBar .button      {position: absolute; right:25px; bottom: 5px;}
.searchBar.erp-searchBar .dateInput   {width:85px!important;}

.pagehead				{float:left; width:100%; position:relative;}
.pagehead p				{font-size:15px; margin:10px 0; floaT:left; text-align:center; width:100%;}

.tabs					{width:100%; float:left; margin-top:30px; border-bottom:5px solid #336699;}
.tabs li					{display:block; float:left;}
.tabs a:link,
.tabs a:visited			{display:block; float:left; padding:8px 10px; margin-right:5px; color:#666; text-decoration:none;  border:1px solid #ccc; border-bottom:0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.tabs a:hover			{background:#eee;}
.tabs a.current			{background:#336699;  border:1px solid #336699;  color:#fff;}



.footer				{width:100%; margin-top:30px;}
.footer p			{line-height:160%; font-size:12px; text-align:center; color:#999}

.adminMenu								{wisth:100px;}
.adminMenu .block						{margin:20px 0;}
.adminMenu .block h3					{color:#666; margin:15px 10px; font-weight:bold;}
.adminMenu .block li					{width:90%; margin-left:10px;}
.adminMenu .block li:hover				{}
.adminMenu .block li a:link,
.adminMenu .block li a:visited			{display:block; padding:8px; color:#333; text-decoration:none; margin-bottom:2px; padding-left:30px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; behavior: url(css/PIE.htc)\9;  position:relative; }
.adminMenu .block li a:hover			{background:#eee;}
.adminMenu .block li.current			{}
.adminMenu .block li.current a,
.adminMenu .block li.current a:link,
.adminMenu .block li.current a:visited	{display:block; color:#FFF; background:#F33; background:#7DB500; text-decoration:none;}
.adminMenu .block li.current a:hover	{color:#FFF;}

/*table*/
.ctable 				{width:100%; float:left; margin-bottom: 30px;}
.ctable thead th		{text-align:left; background:#F96400; background:#ccc; color:#FFF;  padding:8px; font-size:13px;}
.ctable thead td		{text-align:center; background:#F96400; background:#ccc; color:#FFF;  padding:8px; font-size:13px;}
.ctable tbody td		{padding:8px 5px; background:#fff; border-bottom:1px dotted #ccc; line-height:140%; word-break:break-all;}
.ctable tbody th		{padding:8px 5px; background:#fff; border-bottom:1px dotted #ccc; line-height:140%; word-break:break-all;}
.ctable tfoot td		{text-align:center; padding:10px;}



/*table*/
.ctable					{width:100%; float:left; }
.ctable thead td,
.ctable thead th			{padding:10px 10px; background:#24496F; text-align:center; font-weight: bold; color:#FFF; border: 0px solid #6D9124;}
.ctable tbody th,
.ctable tbody td			{padding:5px 10px;  border-bottom:1px dotted #ccc; line-height:140%; text-align:center; font-family:Verdana, "新細明體"; font-size:12px;}
.ctable tbody .odd th,
.ctable tbody .odd td			{background:#f3f3f3;}
.ctable tbody th				{font-weight:bold; font-size:15px; }
.ctable tbody td				{ text-align:left; }
.ctable tbody td a				{}
.ctable tbody td a.b-item:link,
.ctable tbody td a.b-item:visited			{display:block; margin:8px 0; text-align:left;}
.ctable tbody td em						{color:#f44; font-weight:bold;}
.ctable tbody td a.download-btn			{display:block; margin:8px 0; text-align:center; text-decoration:none;}
.ctable tbody td a.download-btn:active		{position:relative; top:1px;}
.ctable tfoot td			{border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px;}
.ctable tfoot td h4			{float:left; margin:5px;}
.ctable tfoot td p			{margin:5px;}
.ctable tfoot td p em		{font-size:18px; color:#99cc33; margin:0 5px; font-weight:bold;}

.subtable 				{width:100%; border:0px solid #ccc;}
.subtable thead td		{padding:5px; background:#336699; color:#B5CDE6; font-weight:normal; border:0px solid #666; border-bottom:1px solid #666;}
.subtable tbody td		{padding:5px; border-right:0;}

.innertable 			{width:100%; float:left; margin-bottom: 10px; }
.innertable tbody td	{padding:3px 5px; background: #eee; border:0px; border-bottom:1px dotted #ccc; line-height:140%; word-break:keep-all;}

.toolbar				{margin:20px; text-align:center; width:100%;}
.toolbar .button		{margin-top:30px;}

.detailContent          {}
.detailContent h2       {margin-bottom: 10px; display: inline-block; font-size: 18px;}
.detailContent .subtitle{background:#f3f3f3;  padding: 5px 0; border: 3px solid #42A6CD;letter-spacing: -45px; border-bottom: 0; width: 99%; display: inline-block;}
.detailContent .subtitle h3 {display: inline-block; *display: inline; zoom: 1; color:#24496F; width: 50%; margin:0 0px; letter-spacing:0.1em; padding:3px 0px; font-size: 13px;  text-indent: 10px;}
.list-colum             {width: 99%; background:#fff;  margin-bottom:10px; border: 3px solid #8EC8DF; letter-spacing: -48px; margin-bottom: 20px; margin-top: -3px;}
.list-colum li          {font-weight: bold; font-size: 13px;  display: inline-block; *display: inline; zoom: 1; width: 50%; border-bottom:1px solid #eee; display: inline-block; letter-spacing:0.1em; padding:3px 0px; text-indent: 10px;}
.list-colum li span     {color:#666; margin-right: 5px;}
.list-colum li:last-child   {border:0;}

/*login*/
#loginContainter						{width:100%; margin:0 auto; float:left;}
#loginContainter .mainContent			{width:400px; margin:8% auto 0 auto; }
#loginContainter .logo					{float:left; margin:20px auto;}
#loginContainter .pane					{width:360px; background:#fff; padding:20px;}
#loginContainter .pane li				{margin:5px 0; float:left; margin-bottom:10px;}
#loginContainter .textInput				{padding:13px 15px; width:300px;}
#loginContainter .mail-input			{background:#eee url(../images/icon_people.png) no-repeat 10px center; padding-left:35px;}
#loginContainter .pw-input				{background:#eee url(../images/icon_password.png) no-repeat 10px center; padding-left:35px; width:200px; margin-right:10px; float:left;}
#loginContainter .mail-input:focus		{background:#FFC url(../images/icon_people.png) no-repeat 10px center;}
#loginContainter .pw-input:focus		{background:#FFC url(../images/icon_password.png) no-repeat 10px center; width:200px;}
#loginContainter .login-pw				{float:left;}
#loginContainter .login-remember		{width:100%; float:left;}
#loginContainter .login-remember input	{position:relative; top:2px;}
#loginContainter .button				{padding: 12px 25px; *padding:10px 13px; font-family:"Gill Sans",Verdana, Arial,"微軟正黑體","新細明體"; font-size:17px; font-weight: bold; }

/*date*/
.date {}
#calroot 				{z-index:10000; margin-top:-1px; width:198px;  padding:2px; background-color:#fff; font-size:11px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 0 15px #666; -webkit-box-shadow: 0 0 15px #666;}
#calhead				{padding:2px 0; height:22px;}
#caltitle				{font-size:14px; color:#0150D1; float:left; text-align:center; width:155px; line-height:20px; text-shadow:0 1px 0 #ddd;}
#calnext, 
#calprev 				{display:block; width:20px; height:20px; background:transparent url(../images/prev.gif) no-repeat scroll center center; float:left; cursor:pointer;}
#calnext 				{background-image:url(../images/next.gif); float:right;}
#calprev.caldisabled,
#calnext.caldisabled 	{visibility:hidden;}
#caltitle select 		{font-size:10px;}
#caldays 				{height:14px; border-bottom:1px solid #ddd;}
#caldays span 			{display:block;float:left;width:28px;text-align:center;}
#calweeks 				{background-color:#fff; margin-top:4px;}
.calweek 				{clear:left; height:22px;}
.calweek a 				{display:block; float:left; width:27px; height:20px; text-decoration:none; font-size:11px; margin-left:1px; text-align:center; line-height:20px; color:#666;  -moz-border-radius:3px; -webkit-border-radius:3px;}
.calweek a:hover, 
.calfocus 				{background-color:#ddd;}
a.calsun 				{color:red;}
a.caloff 				{color:#ccc;}
a.caloff:hover 			{background-color:rgb(245, 245, 250);}
a.caldisabled 			{background-color:#efefef !important; color:#ccc	!important; cursor:default;}
#calcurrent				{background-color:#498CE2;color:#fff;}
#caltoday 				{background-color:#333; color:#fff;}


.pagenavi							{width:100%; margin:auto; text-align:center; float:left; margin:30px 0;}
.pagenavi li						{display: inline;}
.pagenavi li.pager-item				{}
.pagenavi li.pager-item.current		{border: 1px solid #005482; background-color: #0071B0; color: #fff; padding: 3px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position:relative;  behavior:url(css/PIE.htc);}
.pagenavi li a:link,
.pagenavi li a:visited				{border: 1px solid #aaa; text-decoration:none; color: #aaa; padding: 3px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; position:relative;  behavior:url(css/PIE.htc);}
.pagenavi li a:hover				{border: 1px solid #bbb; background-color: #CCC; color: #fff;}
.pagenavi li a:active				{border: 1px solid #005482; color: #fff; background-color: #0071B0;}
.pagenavi .pager-ellipsis			{}					
.pagenavi .pager-next				{}
.pagenavi .pager-last				{}
.pagenavi .pager-previous			{}
.pagenavi li.disable				{display:none;}

.error      {color: red;}

/* Overlay*/
.close 						{/*background-image:url(../images/close.png); position:absolute; right:-30px; top:-30px; cursor:pointer; height:35px; width:35px; z-index:99; display:none;*/}
.popup						{text-align:center;}
.popup h2					{font-size:22px; font-weight:bold; margin:20px 0; color:#FFF; font-family:Cambria,"微軟正黑體"; }
.popup .form				{}
.popup li					{}
.popup li .textInput		{width:200px;}
.popup li .select			{}
.popup .buttonbar			{margin:20px 0;}
.popup .buttonbar .button	{margin:0 10px;}
.popup .dragBox				{width:700px; height:60px; border:2px dashed #596675; padding:20px; padding-top:160px; background:url(../images/icon_file.png) no-repeat center 30px; color:#ccc;  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.popup .selectBox			{width:700px; height:60px; border:2px dashed #596675; padding:40px; padding-top:10px;color:#ccc;  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

.upload ,
.upload:link,
.upload:visited			{overflow: hidden; position:relative; padding:0!important; text-align:center; width:200px;  background:#C3CC01; cursor:pointer; }
.upload input 			{display: block !important; opacity: 0 !important; overflow: hidden !important; padding:5px;  padding:10px 5px; filter:alpha(opacity=0);opacity:0;zoom:1; cursor:pointer; }
.upload span				{font-weight: bold; color: #fff!important; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); font-size:15px; line-height:160%;  cursor:pointer; position:absolute; top:5px; left:40px;}

#upload-pane					{top:30%!important;left:25%!important}
#upload-pane .dragBox p			{display:none\9;}
#upload-pane .deep-btn			{background: #070c11!important;}


.progressBox						{margin:50px 0;}
.progressBox .progress				{background:#070c11; width:700px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;  position:relative;}
.progressBox .progress .bar			{background:#c3cc00; padding:20px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.progressBox .progress span			{color:#FFF; font-size:15px; left:10px; display:block; position:absolute; top:12px; left:20px; z-index:99; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); }

.profile		{width:96%;margin-bottom:20px; border:5px solid #eee; padding:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  behavior: url(css/PIE.htc); }
.profile li		{margin:10px 0;}
.profile li span 	{width:100px; display:inline-block; text-align:right;}
.profile .textInput	{margin-left:6px;}


.pagehead				{width:100%; margin-bottom:0px; float:left; }
.pagehead .right			{float:right;}
.pagehead .right b		{margin:0 5px; font-size:16px;}
.pagehead .left			{float:left; margin:10px 10px 0 10px;}
.pagehead .left b		{margin:5px 5px; font-size:16px;}