body {
	font: normal 11pt �L�n������, �s�ө���, �ө���, Calibri, serif;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	line-height: 125%;
	text-align: center;
}
#all {
	position: relative;
	width: 1000px;
	height:auto;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	z-index: 10;
    border-left: solid 1px #DADADA;
    border-right: solid 1px #DADADA;
}
#leftcol {
	float: left;
	padding: 20px 8px 8px 0px;
	margin-top: 0;
	width: 200px;
	height: auto;
	border: none;
	z-index: 20;
}
#leftcol-title {
	padding: 8px 8px 8px 8px;
	width: 185px;
	height: 15px;
	background-color:#8c8c8c;
	border: none;
	z-index: 20;
}
#rdbg {
	padding: 43px 10px 20px 10px;
	width: 780px;
	background-image: url('../icons/rdbg.jpg');
	background-repeat: no-repeat;
	border: none;
	z-index: 20;
}
#content {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	padding:10px;
	max-width: 100%;
	min-height: 420px;
	z-index: 30;
	}
#head {
    position: relative;
    z-index: 40;
    width: 100%;
    height: 150px; /* 增加高度以適應縮放後的圖片 */
    margin: 0;
    padding: 10px; /* 添加內邊距，避免內容貼邊 */
    font: normal 14px "Microsoft JhengHei", "Arial", sans-serif; /* 修正字體並加大字號 */
    text-align: right;
    background: #ffffff;
    background-image: url('../icons/NCIR_LOGO1.png'); /* 假設使用同一路徑 */
    background-repeat: no-repeat;
    background-position: left center; /* Logo 靠左居中 */
    background-size: 600px auto; /* 將寬度縮放到 600px，高度自動調整 */
    box-sizing: border-box;
}

#uslog {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.2;
    vertical-align: middle;
    margin-left: 610px; /* 留出圖片寬度空間，避免重疊 */
}
#topbar {
	z-index: 100;
	width: 850px;
	top: 140px;
	font: normal 10pt �L�n������, �رd������, �幩����, �s�ө���, sans-serif;
	white-space: nowrap;
	color: rgb(255,255,255);
	margin: 0;
	padding: 0px 0 0px 0;
	border: 0;
	background-color: #414141;
	min-height: 26px;
}
#footer {
	clear: both;
	z-index: 30;
	font-size: 12px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0 0 0px 0;
	border-top: 1px solid #DADADA;
	white-space: nowrap;
}
.search {
	position: absolute;
	z-index: 20;
	font: normal normal normal 10pt �L�n������, �رd������, �幩����, �s�ө���, sans-serif;
	white-space: nowrap;
	top: 25px;
	right: 25px;
	left: auto;
	margin: 0;
	border: 0;
	padding: 0;
	vertical-align: middle;
}
.out, .infoout {
	margin: 15px 0 2px 0;
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	text-indent: 0.5em;
	width: 780px;
	background-color: white;
}
.infoout {
	background-color: #D4E6F8;
	border: 0;
}
.newsout {
	margin: 0 0 15px 0;
	padding: 1px 0px 0px 0px;
	font-weight: bold;
	text-indent: 0.5em;
	background-color: rgb(180,180,255);
	border: 1px solid rgb(180,180,255);
}
.in, .infoin, .newsin {
	border: 1px;
	font-weight: normal;
	width: 780px;
	text-indent: 0;
	background-color: #EEF5FC;
}
.newsin {
	background-color: rgb(240,240,240);
}
.formout {
	margin: 0 0 15px 2em;
	padding: 3px 1px 1px 1px;
	border-top: 0;
	border-right: 1px solid rgb(192,192,192);
	border-bottom: 1px solid rgb(192,192,192);
	border-left: 0;
	text-indent: 0.5em;
	background-color: rgb(234,234,234);
}
.formin {
	border-top: 1px solid rgb(192,192,192);
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid rgb(192,192,192);
	padding: 5px 30px 5px 30px;
	font-weight: normal;
	text-indent: 0;
	background-color: white;
}
.focus, .navpath {
	border-top: 0;
	border-right: 1px solid rgb(192,192,192);
	border-bottom: 1px solid rgb(192,192,192);
	border-left: 0;
	padding: 1px;
	text-indent: 0.5em;
	background-color: rgb(234,234,234);
}
.focus {
	margin: 0 0 10px 0;
	font-weight: bold;
}
.navpath {
	margin: 0 0 20px 0;
}
.author {
	text-align: right;
}
.link {
	text-align: right;
	margin-top: -0.8em;
}
.warning {
	background-color: rgb(234,234,234);
	border: 1px solid rgb(192,192,192);
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 70px;
	background-image: url("icons/warning.gif");
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.congrat {
	background-color: rgb(255,255,255);
	border: 1px solid rgb(192,192,192);
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 10px 65px;
	background-image: url("icons/congratulation.gif");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	min-height: 65px;
	line-height: 125%;
}
h1 {
	color: #4A708B;
	text-indent: 0;
	margin-top: 0em;
	margin-bottom: 1em;
	font: normal normal bold 160% �L�n������, �رd������, �幩����, �s�ө���, sans-serif;
}
h1.home {
	color: rgb(120,0,0);
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0.8em;
	font: normal normal bold 140% �L�n������, �رd������, �幩����, �s�ө���, sans-serif;
}
.homesubtitle {
	color: rgb(60,60,60);
	text-indent: 0;
	margin: -0.8em 0 0.5em 0;
	font: normal normal bold 105% �L�n������, �s�ө���, �ө���, serif;
}

h2 {
	color: rgb(0,0,80);
	text-indent: 0;
	margin: 1em 0 0.4em 0;
	font: normal normal bold 130% �L�n������, �s�ө���, �ө���, serif;
}
h3 {
	color: #104E8B;
	margin: 0.5em 0 0.3em 0;
	font: normal normal bold 115% �L�n������, �s�ө���, �ө���, serif;
}
a:link, h1 a:link, h2 a:link, h3 a:link {
	color: blue;
}
a:visited, h1 a:visited, h2 a:visited, h3 a:visited {
	color: blue;
}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover {
	color: #404040;
}
#head a:hover {
	background-color: transparent;
}
a img {
	border-width: 0 0 0 0;
}
a img:hover {
	background-color: rgb(255,255,255);
}
a.bar {
	padding: 1px 1px 1px 1px;
}
a.navbar:link, a.navbar:visited {
	color: white;
}
a.navbar:hover {
	color: rgb(80,80,80);
	background-color: rgb(234,234,234);
}
a.bar:link, a.bar:visited {
	color: white;
}
a.bar:hover {
	color: black;
	background-color: rgb(234,234,234);
}
a[href] {
	text-decoration: none;
}
p {
	margin: 0 0 1em 0;
	border: 0;
	padding: 0;
}
p.list {
	margin-left: 2em;
}
p.ind {
	text-indent: 2em;
	text-align:justify; 
	text-justify:inter-ideograph;
}
p.outside {
	margin-left: 2em;
	text-indent: -2em;
}
p.form {
	margin: 0 0 0.2ex 0;
}
p.sidelink {
	margin: 0 0 1px 0;
	line-height: 100%;
}
p.lastmod {
	margin: 1.5em 0 0 0;
	text-align: right;
	font-size: 11pt;
}
ul {
	list-style-type: disc;
	margin-top: 0;
	margin-bottom: 0;
	text-indent: 0;
}
ol {
	text-indent: 0;
}
li.div {
	margin-left: -0.5em;
	list-style: url("icons/bullet01.gif");
}
dt.rule {
	float: left;
}
dt.page {
	width: 4em;
	float: left;
	text-align: right;
}
dd.compact {
	margin-left: 3.5em;
	margin-bottom: 0.5em;
}
dd.rule {
	margin-left: 5em;
	margin-bottom: 0.5em;
}
dd.rule2 {
	margin-left: 6em;
	margin-bottom: 0.5em;
}
.searchsubmit {
	font-size: 10pt;
}
input, select{
	font: normal normal normal 11pt �ө���, serif;
	vertical-align: middle;
}
textarea {
	font: normal normal normal 11pt �ө���, serif;
	vertical-align: top;
}
div.img, div.imgr, div.imgl {
	padding: 0;
	border: 0;
}
div.imgb, div.imgrb, div.imglb {
	padding: 10px;
	border: 1px solid rgb(220,220,220);
}
div.img, div.imgb {
	margin: 0 15px 15px 0;
}
div.imgr, div.imgrb {
	margin: 0 0 15px 15px;
	float: right;
}
div.imgl, div.imglb {
	margin: 0 15px 15px 0;
	float: left;
}
div.ind {
	margin-left: 1em;
}
img {
	border: 0;
}
table {
	font: normal normal normal 11pt, �L�n������, �s�ө���, �ө���, serif;
}
caption {
	font: normal normal normal 11pt, �L�n������, �s�ө���, �ө���, serif;
	text-align: left;
}
th {
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	color: rgb(255,255,255);
	background-color: #5F9EA0;
	text-align: center;
}
td {
	font-family: inherit;
	font-size: inherit;
}
.odd {
	background-color: rgb(230,230,230);
}
.even {
	background-color: rgb(210,210,210);
}
hr {
	border: 0;
	background-color: rgb(200,200,200);
	color: rgb(200,200,200);
	height: 2px;
}
.nowrap {
	white-space: nowrap;
}
.pre {
	white-space: pre;
	font-family: �ө���, serif;
}
.code {
	white-space: pre;
	font: normal normal normal 10pt �ө���, �ө���, serif;
	background-color: rgb(234,234,234);
	border: 1px solid rgb(192,192,192);
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
}
.block {
	background-color: rgb(234,234,234);
	border: 1px solid rgb(192,192,192);
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
}
.column {
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	border-top: 0;
	border-right: 1px solid rgb(192,192,192);
	border-bottom: 1px solid rgb(192,192,192);
	border-left: 0;
	padding: 2px 5px 2px 20px;
	background-color: rgb(234,234,234);
}
.pubinfo {
	margin: 20px 0px 10px 0px;
	border-top: 0;
	border-right: 1px solid rgb(192,192,192);
	border-bottom: 1px solid rgb(192,192,192);
	border-left: 0;
	padding: 2px 5px 2px 20px;
	background-color: rgb(234,234,234);
}
.smenu {
	background-color: rgb(224,224,176);
	margin-bottom: 5px;
	padding: 3px 5px 3px 5px;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.del {
	text-decoration: line-through;
}
.subtitle {
	color: rgb(60,60,60);
	text-indent: 0;
	margin: -0.8em 0 1.5em 0;
	font: normal normal bold 130% �L�n������, �s�ө���, �ө���, serif;
}
.esubtitle {
	color: rgb(60,60,60);
	text-indent: 0;
	margin: -0.8em 0 1.5em 0;
	font: normal normal bold 130% arial, helvetica, sans-serif;
}
.mid {
	vertical-align: middle;
}
.center {
	text-align: center;
}
.red {
	color: red;
}
.blue {
	color: blue;
}

.em {
	font: normal normal bold 110% �L�n������, �رd������, �幩����, �s�ө���, sans-serif;
}
.emenu {
	font-family: arial, helvetica, sans-erif;
}
.button {
	color: rgb(255,255,255);
	background-color: rgb(160,0,160);
	border: 2px solid rgb(200,50,200);
	padding: 0px;
	cursor: pointer;
}
.big {
	font-size: 120%;
	font-weight: bold;
}
.small {
	font-size: 85%;
}

.access, a.access:link, a.access:visited, a.access:hover, a.access:active {
	color: rgb(255,255,255);
}
.navaccess, a.navaccess, a.navaccess:link, a.navaccess:visited, a.navaccess:hover, a.navaccess:active {
	line-height: 0px;
	font-size: 0px;
	color: rgb(0,80,0);
}
.gray {
	background-color: rgb(220,220,220);
}
.clist {
	list-style-type: cjk-ideographic;
}
sup, sub {
	font-size: 60%;
}

#nav { 
	width: 150px; 
	height:180px;
	margin: 0px; 
	text-align: left;
}

#nav li { 
	width: 50px; 
	float: left; 
	margin: 8px; 
	list-style: none 
}

#nav a { 
	width: 50px; 
	padding: 3px; 
	display: block; 
    border: 1px solid #ccc; 
}

#nav a.activeSlide { 
	background: #88f 
}

#nav a:focus { 
	outline: none; 
}

#nav img { 
	border: none; 
	display: block 
}

.pics { 
	width: 140px;
	z-index: 30;
	margin: 0px 0px 0px 0px;
	margin-left:20px;
	border: 0;
	padding: 0px 0px 0px 0px;
	text-align: left;

}
.pics img { 
	z-index: 30;
	margin: 0px 0px 0px 0;
	border: 0;
	padding: 0;
	text-align: left;
}

#bulletin {
	background-image:url("http://www.ncir.org.tw/bulletin.jpg");
	background-repeat:no-repeat;
	z-index: 5;
	width: 190px;
	height:215px;
	left: auto;
	right: 0;
	margin: -20px -5px 5px 0;
	border: 0;
	padding: 0;
}

#block {
	background-image: url('../icons/newsbg.jpg');
	position: relative;
	padding: 25px 3px 20px 3px;
	width: 780px;
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
	height: 200px;
	z-index: 30;
	}

#block2 {
	border: 2px solid rgb(220,220,220);
	padding: 10px;
	width: 700px;
	}

/*----------------------------------------------------------------------------*/
.gv_row  { border-bottom: dotted 1px #CCCCCC;}
.PagerCss TD { text-align:right}
.PagerCss TD A:hover { COLOR: #404040 }
.PagerCss TD A:active { COLOR: blue }
.PagerCss TD A:link { COLOR: blue }
.PagerCss TD A:visited { COLOR: blue }
.PagerCss TD SPAN { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #404040 }