@charset "utf-8";

body		{font-size: 80%;}
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: Arial,Verdana,"新細明體",  sans-serif;
}
input {font-family:Arial,Verdana,"新細明體",  sans-serif;}
table {border-collapse: collapse; border-spacing: 0;}
ul 		{list-style:none;}
a img, :link img, :visited img {border:none;}

/*去除連結虛線框*/
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*/
a:link,
a:visited	{color:#666; outline:none; text-decoration:none;}
a:hover		{text-decoration:none; outline:none}

/*
.textInput	{background:url(../images/inputText.gif) repeat-x left top; border:1px solid #ccc; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;  behavior: url(../css/PIE.htc); position:relative; outline:none}*/
label			{cursor:pointer;}

/*btnstyle*/
a.btnOrg:link,
a.btnOrg:visited	{color:#ff622f; text-decoration:none;}
a.btnOrg:hover		{}

/*main*/
body					{background-color:#ffffff; text-align:center}
.mainContainter			{width:100%;}

.header					{background:url(../images/header.png) no-repeat center bottom; height:160px; width:100%;}
.header div				{background:#f3f1f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  ; position:relative; margin:10px 0; float:left; padding:5px 20px;}
.header div a:link,
.header div a:visited	{color:#006666; font-size:15px;}
.header div a:hover		{}
.header img				{float:right; }
.header .clearfix		{width:980px!important; background:transparent; float:none; padding:0; margin:0; margin:auto;}


.main					{width:980px; margin:10px auto; text-align:left; _width:990px;}
.main .left_pane		{width:210px; float:left; margin-right:10px; background:#f3f1f1; background:#fff;  padding-bottom:10px;}
.main .middle_pane		{width:550px; float:left; margin-right:10px; _margin-right:-10px;}
.main .right_pane		{width:200px; float:right; background:url(../images/bg.png); padding-bottom:10px; _width:180px;}


.left_pane .block				{margin-bottom:5px; border:3px solid #f3f1f1;}
.left_pane .block h1			{background:#B6E7E9; width:205px; margin:0 auto; }
.left_pane .block .inner		{background:#FFF; margin:0 3px; padding:5px 0px;}
.left_pane .block li			{margin:5px 0px;}
.left_pane .block li .textInput	{padding:5px; color:#85a2c1; width:120px;}
.left_pane .block li .btnOrg	{font-size:13px!important; font-weight:normal;  color:#ff622f!important; font-family:Arial!important; position:relative; top:7px; }
.left_pane .block a:link,
.left_pane .block a:visited		{color:#000; background:url(../images/icon_arrow.png) no-repeat left center; padding-left:15px; margin:2px 5px; display:inline-block}
.left_pane .block a:hover		{color:#FF6230;}

#userBlock .inner li a:link,
#libraBlock .inner li a:link,
#userBlock .inner li a:visited,
#libraBlock .inner li a:visited		{font-size:11px;color:#006666; font-family:Verdana; background-image:none;  padding:0; margin:0;}
#userBlock .inner li a:hover,
#libraBlock .inner li a:hover		{color:#FF6230}

#userBlock.block	.lagbtn			{font-size:13px; color:#ff622f; color:#E33900; background:none; position:relative; top:-27px; font-family:"Century Gothic"; float:right;}
#userBlock.redblock					{border:3px solid #FF622F;}
#userBlock.redblock h1				{background:#EC3C00!important;}
#userBlock.redblock	.lagbtn			{color:#FFF;}


.paneBg				{height:100%;}
.paneBg .block		{border:3px solid #FC3;}
.paneBg	h1			{background:transparent; background:#E7B53F!important}

.middle_pane .block					{background:#B6E7E9; width:100%; padding-bottom:2px;}
.middle_pane .block h1				{width:100%; text-align:center; padding-top:10px;}
.middle_pane .block .inner			{background:#FFF; margin:6px; padding:10px; margin-top:11px; margin-bottom:4px;}
.middle_pane .block .inner .column	{width:250px; float:right;}
.middle_pane .block .inner .first	{border-right:1px dashed #ccc; float:left; padding-right:5px;}
.middle_pane .block .column li		{display:inline}
.middle_pane .block a:link,
.middle_pane .block a:visited		{font-size:16px; font-weight:bold; margin:0px 0; display:block; font-family:"Century Gothic"}
.middle_pane .block a:hover			{}
.middle_pane .block .inner .last a	{margin:0px 0; margin-bottom:0px;}

.middle_pane .block .btnOrg			{font-size:13px!important; position:relative; font-weight:normal!important; display:block; margin:0; float:right; margin-top:-50px!important; right:35px;}

.columnPane							{width:100%; vertical-align:top;}
.columnPane .column					{width:175px; float:left; vertical-align:top; margin-right:10px;}
.columnPane .column.last			{margin:0; float:right;}
.columnPane .column h1				{margin:10px 0;}
.columnPane .column li				{margin:5px 0;display:block; float:left;}

.right_pane .block				{}
.right_pane .block h1			{width:100%; padding:5px 10px;}
.right_pane .block .inner		{background:#FFF; margin:0 5px; padding:15px 2px; _width:190px;}
.right_pane .block li				{margin:5px 0px; line-height:140%;}
.right_pane .block .inner div	{text-align:right;}
.right_pane .block .inner .btnOrg{color:#ff622f!important; text-align:right}
.right_pane .block a:link,
.right_pane .block a:visited	{color:#666; margin:2px 5px; display:inline-block; font-family:Verdana;}
.right_pane .block a:hover		{color:#666;}

.right_pane .block #libInfo li		{height:68px; overflow:hidden}
.right_pane .block #libInfo li	 p	{margin:5px;}


#LA.block li	{padding-bottom:10px; border-bottom:1px dotted #ccc;}

.footer						{width:100%; background:url(../images/footer.png) no-repeat center -20px; padding-top:20px; padding-bottom:15px;}
.footer .wapper				{width:980px; margin:auto;}
.footer .left				{float:left; width:750px; text-align:left}
.footer .left img			{float:left;}
.footer .left a:link		{color:#000;}
.footer .left h2			{font-size:16px; font-weight:normal;}
.footer .left p				{font-size:14px; margin:5px 0;}
.footer .right				{float:right;width:200px;}
.footer .right a:link,
.footer .right a:visited	{font-size:12px; float:right; display:block;word-break:keep-all}
.footer .right a:hover		{}

.counter						{text-align:right; width:150px; margin:10px 0; float:right; clear:both;}
.counter h1						{font-size:11px; float:left; margin-right:5px;}
.counter div					{margin:auto;}
.counter img					{float:left;  width:80px;}


#liblink .main .middle_pane		{width:100%;}

.liblinkTable				{width:100%; border-top:1px dotted #ccc; border-right:1px dotted #ccc; float:left;}
.liblinkTable td			{border:1px dotted #ccc; padding:5px; text-align:center}
.liblinkTable a:link,
.liblinkTable a:visited		{font-size:16px!important; font-weight:normal!important;}
.liblinkTable a:hover		{color:#FF6600}

.liblinkTable li			{display:block!important; float:left;  width:295px; padding:10px;  border-left:1px dotted #ccc; border-bottom:1px dotted #ccc;}




.profileBox					{float:left; margin-bottom:5px; width:100%; clear:both;}
.profileBox div				{float:left; margin-right:10px; border:0px solid #ccc; overflow:hidden;}
.profileBox .profileImg		{float:left; border:0px solid #FFF; height:65px; width:65px;}
.profileBox p				{float:left; margin:3px 0 3px 0; width:110px; font-family:Verdana,"新細明體"!important }
.profileBox .btnOrg			{float:none; top:0!important; padding:0px!important; margin:0!important; background:none!important;}