@charset	'UTF-8' ;

html,UL,FORM { margin: 0; padding: 0; }
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica;
	font-size: 11px;
	line-height: 1.5em;
	background: url('/2008/themes/default/images/0back01.gif') fixed ;
	text-align: center;
	color: #575a5e;
	}
a { color: #191970;	text-decoration: none; }
a:hover { color:#87cefa; text-decoration: none;}
.pr1 { font-size: 18px; }
.pr2 { font-size: 14px; }
.pr3 { font-size: 12px;}
.gray a:link{ color: #575a5e; }
.blue a:hover{ color: #87cefa; }
.y1 { color: #dca602; }
.white a{ color: #ffffff; }

#container {
	width:760px;
	margin:-1px auto;
	padding:0 ;
	position:relative;
	background:#fff;
	border:1px solid #9b9b9b;
	text-align:left;
}

.upmenu {	position:relative ;	width:760px; height:40px; margin:0;	padding:0; background: url('/2008/themes/default/images/0menu01.jpg') repeat-x; z-index:10;}
UL.menu				{	position:absolute; margin:0; padding:12px 0 0 0; list-style:none; background:none; z-index:11; }
UL.menu	LI			{	float:left; width:auto; height:20px; padding:0; }
UL.menu	LI	SPAN	{	font-weight:bold; color:#4c4f53; text-decoration:none; padding:0 1em; background:url('/2008/themes/default/images/0menu02.gif') repeat-y right; }
UL.menu	LI	A		{	font-weight:bold; color:#4c4f53; text-decoration:none; padding:0 1em; background:url('/2008/themes/default/images/0menu02.gif') repeat-y right; }
UL.menu	LI	A:hover	{	color: #d8a901; }

UL.menu	LI	UL				{	clear:both; position:absolute; width:200px; margin:11px 0 0 0; padding:0; font: 11px Arial; left:-9999em; list-style:none; z-index:12; }
UL.menu	LI	UL	LI			{	margin:0; padding:5px 1em 5px 1em; width:100%; height:16px ; background:#ffe200 url('/2008/themes/default/images/0menu01.jpg') top repeat-x; border: 1px solid; border-color: #fef615 #d8a901 #d8a901 #fef615; }
UL.menu	LI	UL	LI.ov		{	border: 1px solid; background:#ffe200 none; border-color: #fff #fef615 #fef615 #fff; z-index:13; left:150px; top:0px; }
UL.menu	LI	UL	LI	A		{	margin:0; padding:0; color:#4c4f53; text-decoration:none; background:none; font-weight:normal; }
UL.menu	LI	UL	LI	A:hover {	color: #fff; }

.upheader		{	position:relative; width:760px; height:210px; margin:0; padding:0; z-index:0; }
div.inner_box	{	position:relative; }
div.inner_box	div.left	{	position:relative; float:left; top:0; left:0; width:250px; margin:0; padding:20px; }
div.inner_box	div.showcase	{	position:relative; float:right; top:-20px; right:0px; width:450px; background:url('/2008/themes/default/images/showcase.gif') top center no-repeat; }
div.inner_box	div.showcase	div.material{	margin:22px 23px 0px 23px; border:#ccc solid 2px; }
div.inner_box	div.showcase	P.title		{	font-family:verdana; font-size:21px; color:#fff; text-align:right; margin:0; padding:10px 22px 0 0; }
div.inner_box	div.showcase	div.proall	{	width:430px; margin:50px 20px 20px 0; padding:0; }
div.inner_box	div.nleft	{	position:relative; float:left;  top:0px; left:20px; width: 210px; padding:0; margin:0; }
div.inner_box	div.nright	{	position:relative; float:right; top:0px; right:20px; width:490px; padding:0; margin:20px 0 0 0; }

BR.clear	{
	clear:both;
	line-height:0;
}
.newsbox {
	width: 448px;
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px solid #d6d8d8;
	overflow-x:hidden ;
	background: url('/2008/themes/default/images/nlist01.jpg') top repeat-x;
}
.newsbox:hover	{
	border: 1px solid #e5e5e5; background: url('/2008/themes/default/images/nlist02.jpg') top repeat-x;
}
.newsbox	img	{ margin: 10px 0 0 0; }
.newsdate		{font-size: 14px; font: Arial; font-weight: bold; margin: 0 0 5px 0;}


.pro {
		width: 430px;
		height: 120px;
		margin: 0 0 10px 0;
		padding: 0;
		background: url('/2008/themes/default/images/0pro02.jpg') repeat-x;
}
.propic { width: 120px; height: 120px; margin: 0; padding: 0; float:left; }
.protext {
		width: 300px;
		height: 85px;		
		margin: 20px 0 0 0;
		padding: 15px 10px 0 0;
		background: url('/2008/themes/default/images/0pro03.gif') right bottom no-repeat;
		float:left;		
}
.protext p{ margin: 0;}

/*首頁_左方區塊*/
.left {float: left; width: 250px; margin: 20px 40px 20px 20px ; text-align: left; }

DIV.news 			{	width: 250px; margin:0;	padding:0 0 20px 0;	background: url('/2008/themes/default/images/0shadow.jpg') bottom no-repeat; }
DIV.news	UL		{	list-style-type:none ; clear:left; width:auto; margin:0; padding:0; }
DIV.news	UL	LI	{	padding:15px 0 0 20px; background: url('/2008/themes/default/images/0news03.gif') left 20px no-repeat; }
DIV.news	UL	DT	{	background:url('/2008/themes/default/images/0news04.gif') top right no-repeat ;	}

/*首頁_全球分站*/
.site {
		width: 190px;
		height: 69px;
		background: #dbe1e3 url('/2008/themes/default/images/0site01.jpg') top no-repeat;
		margin: 20px 0;
		padding: 60px 30px 0 30px;
}
.site p{ margin:10px 0;}
.sitelist { margin-bottom: 20px; }

.cross {padding-left: 120px; height: 31px; background: url('/2008/themes/default/images/0list.jpg') top no-repeat; line-height: 31px;}

/*頁尾*/
.foot {
	clear:both;
	width: 740px;
	height: 45px;
	background: #191970 url('/2008/themes/default/images/0foot01.gif') right bottom no-repeat;
	margin:20px 0 0 0;
	padding: 10px;
	text-align: center;
	color: #fff;
}
.foot a { color: #fff;}
.foot a:hover { color: #87cefa;}

/* products頁面 */
.pproname {
	font-weight:bold;
	color: #191970;
	margin: 20px 20px 0 20px;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #87cefa;
}
.pproname1 { margin: 5px 20px; }

/*products右邊區塊*/
.pproright	{	position:relative; width:450px; margin:0 0 20px 0; top:20px; right:20px; padding:0; float:right; text-align:left; }
.pprobox {width: 150px; height: 170px; margin: 0; float: left; text-align: center;}
.pprobox p{margin: 0;}
.pprobox a:hover img{border: #87cefa 1px solid; margin-top:10px;}

/*products左邊區塊*/
.pproleft	{	position:relative; float:left; width:250px; top:20px; left:20px;margin:0 0 20px 0; text-align:left; }
.pprointro	{	width:250px; margin:0; list-style:none; padding: 0 0 20px 0; background: url('/2008/themes/default/images/0shadow.jpg') bottom no-repeat; }
.pprointro p{ margin: 1em 0; }
.pprointro ul{ list-style: none; margin: 0; padding: 0; }
.pprointro li{ margin: 0; padding: 0 0 0 10px; background: url('/2008/themes/default/images/plist01.gif') left no-repeat; color: #dca602; }


UL.news-php					{	list-style-type:none; width:100%; }
UL.news-php	LI				{	border:#d6d8d8 solid 1px; background:url('/2008/themes/default/images/nlist01.jpg') top left repeat-x; margin:0 0 20px 0; padding:20px; }
UL.news-php	LI.hover		{	border:#e5e5e5 solid 1px; background:url('/2008/themes/default/images/nlist02.jpg') top left repeat-x; margin:0 0 20px 0; padding:20px; }
UL.news-php	LI	UL			{	list-style-type:none; width:100%; }
UL.news-php	LI	UL	LI		{	background:none; border:none; margin:0; padding:0; }
UL.news-php	LI	UL	LI.date	{	font-size:14px; font-family:arial; font-weight:bold; margin:0 0 5px 0; padding:0; }
UL.news-php	LI	UL	LI.more	{	background:url('/2008/themes/default/images/0news04.gif') top left no-repeat; margin:10px 0 0 0; padding:0; }

/*頁碼*/
UL.pagination				{	list-style:none; clear:both; text-align:right; font-size:9px; margin:0 0 5px 0; padding:0; }
UL.pagination	LI			{	display:inline; }
UL.pagination	LI.current	{	padding:2px 5px; margin:0 0 0 4px; border:1px solid #191970; font-weight:bold; background:#191970; color:#FFF; }
UL.pagination	LI.disabled {	padding:2px 5px; margin:0 0 0 4px; border:1px solid #EEE; color:#DDD;}
UL.pagination	LI	A		{	padding:2px 5px; margin:0 0 0 4px; border:1px solid #EEE; text-decoration:none; color:#191970; }
UL.pagination	LI	A:hover {	padding:2px 5px; margin:0 0 0 4px; border:1px solid #87cefa; color:#87cefa; }

/*contact us頁面*/
.contactbox {
	width:460px;
	padding: 15px;
	border: 1px solid #d6d8d8;
	background: url('/2008/themes/default/images/nlist01.jpg') top repeat-x;
}
.contactbox td {padding: 7px 0;}

/*BACK*/
.back			{	width:50px; text-align: center; padding: 2px 5px; border: 1px solid #d6d8d8; cursor:pointer; }
.back:hover		{	border: 1px solid #87cefa; }
.back a:hover	{	text-decoration: none; }

.text		{	font-family:arial,細明體; font-size:13px; }
.formSimple	{	font-family:arial,細明體; font-size:13px; }
TR.record			{	background:#f8f8f8;	}
TR.record	TD		{	padding:0.3em 0.2em 0.1em 0.2em; border-bottom:#ccc solid 1px; height:20px; }
TR.record	A		{	color:#336699 ;	text-decoration:none ;	}
TR.record	A:hover	{	color:#FF3300 ;	text-decoration:underline ;	}
TR.focus			{	background:#e8e8e8;	}
TR.focus	A		{	color:#336699 ;	text-decoration:none ;	}
TR.focus	A:hover	{	color:#FF3300 ;	text-decoration:underline ; }
TR.focus	TD		{	padding:0.3em 0.2em 0.1em 0.2em; border-bottom:#ccc solid 1px; height:20px; }
TD.focus			{	text-decoration:underline;	color:#f00;	cursor:pointer; }
TR.header			{	color:#003366 ;	background:#dfedf7;	line-height:1em; }
TR.header	TD		{	border-bottom:#b5cdd7 solid 1px; padding:0.5em 0.2em 0.3em 0.2em; }
TR.pagelist			{	background:#fff; }
TR.pagelist	TD		{	background:#fff; padding:5px 0 5px 0 ; text-align:Center; }
TR.pagelist	FONT	{	padding:0 3px 0 3px; margin:3px 0 ;	}
TR.pagelist	IMG		{	padding:0 3px 0 3px; margin:3px 0 ; }
TR.pagelist	FONT.PackPageList3	{	color: #000; cursor:pointer ; }
TR.pagelist	FONT.PackPageList2	{	color: #999; cursor:pointer ; }
TR.pagelist	FONT.PackPageList1	{	color: #000; cursor:pointer ; }

FIELDSET{	margin:0; border:#aaa solid 1px ; background:#f8f8f8; font-size:13px; }
LEGEND	{	margin:0 1em 0 1em; padding:0.2em 1em 0.2em 1em; border:#aaa solid 1px ; background:#fff; }
LEGEND	A		{	color:#ccc; text-decoration:none; }
LEGEND	A:hover	{	color:#800; text-decoration:underline;}
DIV.main-body	{	padding:0.5em; }
DIV.main-body	H4.hint	{	margin:0; padding:3px; font-size:14px; letter-spacing:2px; }
BUTTON		{	cursor:pointer; font-family:arial; font-size:13px; }
BUTTON	IMG	{	margin:2px 5px 2px 2px; }

TABLE.csi	P	{	margin:0 ;	padding:0 ;	}
TABLE.csi	LABEL		{	padding-right:0.5em;	cursor:pointer;	}
TABLE.csi	TR.hover	{	background:#e0e0e0 ;	}
TABLE.csi	TR:hover	{	background:#e0e0e0 ;	}
TABLE.csi	TD.form_field	{	padding:0.2em ;	text-align:right ; }
TABLE.csi	TD.form_space	{	padding:0.2em 0.2em 0.2em 0 ;	}
TABLE.csi	TD.status_normal	{	border-right:#e0e0e0 solid 5px;	}
TABLE.csi	TD.status_warning	{	border-right:#f93 solid 5px;	}
TABLE.csi	TD.status_error		{	border-right:#f00 solid 5px;	}

LABEL				{	text-decoration:underline; margin-right:0.5em; cursor:pointer; }
P.error_message		{	color:#f00 ; }
SPAN.loading	IMG	{	margin-right:0.5em;margin-left:0.5em; }
.clickable			{	cursor:pointer; }

div.tv			{	margin:0.3em 0.3em 0.3em 0.8em ;　}
ul.tv, .tv ul	{	padding: 0;	margin: 0; list-style: none; }
.tv li			{	position: relative; margin: 0; padding: 4px 0 3px 20px; z-index: 10; cursor:pointer; }
div.tvca		{	_background:#fff; _filter:alpha(opacity=0);	height:15px; width:15px; position:absolute; top:1px; left:-1px; _left:-21px; cursor:pointer; }
.tv li, .tv .tvi{	background:url('/2008/asp_panel/images/tvi.gif') 0 0 no-repeat; }
.tv .tvic		{	background-image:url('/2008/asp_panel/images/tvic.gif'); }
.tv .tvie		{	background-image:url('/2008/asp_panel/images/tvie.gif'); }
.tv .tvil		{	background-image:url('/2008/asp_panel/images/tvil.gif'); }
.tv .tvilc		{	background-image:url('/2008/asp_panel/images/tvilc.gif'); }
.tv .tvile		{	background-image:url('/2008/asp_panel/images/tvile.gif'); }
.tvload			{	background-image:url('/2008/asp_panel/images/tviload.gif'); }

#uploadflash { }
#UploadQueue { display: none; }
#UploadQueue { display: none; padding:5px; margin:0; }
#UploadQueue h2 { font-size: 1.4em; margin: 0; padding: 0; color: #000; }
#UploadQueue button { float: right; }
#UploadQueue #StatusBar { float:left; width:60%; padding: 0 .5em; }
#UploadQueue ul#UploadList { display: block; clear: both; overflow: auto; height: 10em; margin: 0; padding: 0; background: #fff; border: 1px solid #7f9db9; }
#UploadQueue ul#UploadList a { color: 2E31F2; }
#UploadQueue ul#UploadList a:hover { color: #2B82E1; }
#UploadQueue ul#UploadList li {	list-style-type: none; border-bottom: 1px dotted #ccc; margin: 0; padding: .5em; background: #fff; }
#UploadQueue ul#UploadList li a { float: right; }
#UploadQueue ul#UploadList li.idle { }
#UploadQueue ul#UploadList li.loading { background: #b1c2d3 url('/2008/pages/images/blue.png') repeat-x; }
#UploadQueue ul#UploadList li.finished { }
#UploadQueue ul#UploadList li.error { background: #eee; }
#UploadQueue ul#UploadList li div.filename { font-weight: bold; }
#UploadQueue ul#UploadList li div.filemeter { height: 10px; overflow: hidden; border: 1px solid #888; background: #fff; padding: 1px;  }
#UploadQueue ul#UploadList li div.filemeter div { height: 10px; background: #fff url('/2008/pages/images/progressbar.png'); }
#UploadQueue ul#UploadList li div.fileerror { color: red; }
#UploadQueue ul#UploadList li div.fileprogress { font-weight: normal; }

DIV.file_browser				{	margin:5px; font-size:12px }
DIV.file_browser	DIV			{	cursor:pointer; float:left; width:112px; height:140px; margin:4px; padding:3px; text-align:center; color:#888; overflow:hidden }
DIV.file_browser	IMG		{	margin:0;padding:0; }
DIV.file_browser	DIV	TABLE	{	border:#eee solid 1px; margin:3px; }
DIV.file_browser	TD		{	padding:2px; background:#fff; width:100px; height:100px; text-align:center; vertical-align:center ; }
DIV.file_browser	DIV	P		{	margin-top:3px; width:112px; word-break:break-all; text-align:center; overflow-x:hidden }
DIV.file_browser	DIV.hover	TABLE	{	border:#888 solid 1px }
DIV.file_browser	DIV.hover	P		{	color:#888; }
DIV.file_browser	DIV.checked	TABLE	{	border:#000 solid 1px }
DIV.file_browser	DIV.checked	P		{	color:#000; }

DIV.attach_file			{	width:250px; padding:5px; border:#eee solid 1px; border-left:#eee solid 5px; }
DIV.attach_file	IMG		{	float:left ; }
DIV.attach_file	P.link	{	float:left ; width:150px; }
DIV.attach_file	P.size	{	float:left ; width:150px; font-size:11px; }