@charset "utf-8";
/* global css*/
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img{margin:0;padding:0;}
img,fieldset{border:0;}

ol, ul, dl, dd, form {
	margin:0;
	padding:0;
}
ol{
	padding-left:28px;
}
ol li {
	list-style-position: outside;
	list-style-type: decimal;
}

/*Default IE and Firefox UL <tag> display different layout issue*/
ul {  
	padding:0; margin:7px 10px 0 15px; list-style: outside; list-style:none;  /*Control #menu Div UL <tap> style*/
}
/*
ul li {
	list-style:none;
}
*/
th {
	font-weight: 300;
}

.hide {
	display:none;
}

.debugBorder {
    border:dashed #00CC99;	
}

.inputfield {border: 1 #7F9DB9 solid; font-family: TimesNewRoman, 'Times New Roman', Times, '新細明體', PMingLiU;  font-size: 10pt; background-color: #FFFFFF; }
.inputfieldLock {
	font-family: TimesNewRoman, 'Times New Roman', Times, '新細明體', PMingLiU;
	font-size: 10pt;
	background-color: #dee6f3;
	color: #526DAB;
	border-top: 0 solid #dee6f3;
	border-right: 0 solid #dee6f3;
	border-bottom: 1 solid #526DAB;
	border-left: 0 solid #dee6f3;
}
input.button {border: 1 #526DAB solid; font-family: "verdana", "helvetica", "sans-serif";  font-size: 9pt; background-color: #899AC2; color: #FFFFFF}
a {
	font-family: TimesNewRoman, 'Times New Roman', Times, '新細明體', PMingLiU;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-family: TimesNewRoman, 'Times New Roman', Times, '新細明體', PMingLiU;
	font-size: 13px;
	color: #000000;
	text-decoration:underline;
}
body.iframe {
 background-color: #dee6f3;
 scrollbar-face-color: #dee6f3;
 scrollbar-shadow-color: #dee6f3;
 scrollbar-highlight-color: #dee6f3;
 scrollbar-3dlight-color: #bcc4d1;
 scrollbar-darkshadow-color: #dee6f3;
 scrollbar-track-color: #bcc4d1;
 scrollbar-arrow-color: #9aa2b0;
}

/*yIC*/
#skinbar{
	float:right;
}
#skinbar label{
	margin-top:5px;
	float:left;
}
#skin{
	list-style:none;
	overflow:hidden;
	float:left;
	margin:5px 0px 0px;
}
#skin li{	
	float:left;
	margin-right:2px;
	width:16px;
   	height:15px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	background-image:url(wcm_007817.gif);
	text-indent:999px;
}
#wcm_001850{
	background-position:0px 0px;
}
#wcm_002090{
	background-position:-16px 0px;
}
#wcm_002091{
	background-position:-32px 0px;
}
#wcm_001850.selected{
	background-position:0px 15px !important;
}
#wcm_002090.selected{
	background-position:-16px 15px !important;
}
#wcm_002091.selected{
	background-position:-32px 15px !important;
}

#frame_picture {
	float:right;
	width: 170px;
}


/* It have not border */
.noBorderTable{
	border:none !important;
}
.noBorderTable td{
	border:none !important;
}

/*focus text*/
.focus{
	color:#0066CC;
}

.fonts{
	float:right;
	margin-top:5px;	
}
.fonts a{
	margin:0;
}
.fonts img{
	margin:0 1px;
}

.layout{
	width:1014px;
	margin:0 auto;
	text-align:left;
	height: 100%;
}

#container {
	width:1014px;
	min-height: 380px;
	background:url(wcm_001977.gif) repeat-y top;			
	zoom:1; /*fixed IE bug*/
}

#container:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

.wrap{
	float:left;
	width:923px;
}

#nav_main {
	float:left;
	width: 923px;
}

#main {
	float:left;
	width:923px;
}

#leftMenu {
	float:left;
	width: 198px;
	padding-top:10px;
	padding-left:5px;
}

#leftMenu .tabMenuList {
	float: left;
	width: 176px;	
}

#leftMenu .tabMenuList .tabMenuItem {
	float: left;
	width: 176px;	
	background:#FFFFFF  url(wcm_008265.gif) repeat-x top;
	border: 1px solid #CCCCCC;
}

#leftMenu .tabMenuList .tabMenuItem  .tableMenuTitle {
	float: left;
	padding:10px;
}

#leftMenu .tabMenuList .tabMenuItem  .tableMenuTitle a {
	font-weight: 300;
	font-size: 12pt;
}

#content {
	float:left;
	width:668px;
	display:inline;
	line-height:150%;
	overflow:hidden;	
	padding-top:10px;	
}

#pageFooter {
	background:url(wcm_002000.gif) left top no-repeat;
	*width:1014px;
	height:79px;
}
#pageFooter:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#pageFooter a{
	color:#FFFFFF;
}

#pageFooterTop {
	float:left;
	width: 921px;
	margin-top:10px;
	margin-left:50px;
	font-size: 12pt;
	color: #FFFFFF;
	clear:both;
}

#pageFooterLeft {
	float:left;
	width: 540px;
	margin-left:50px;
	font-size: 10pt;
	color: #FFFFFF;
}

#pageFooterRight{
	float:right;
	width: 360px;
	margin-right:50px;
	text-align:right;
	font-size: 10pt;
	color: #FFFFFF;
}


#resolution {
	float:right;
	width:1014px;
	text-align:center;
	background:url(wcm_001977.gif) repeat-y top;			
	font-size: 10pt;
}

#pageBottom {
	float:right;
	width:1014px;
	height:3px;
	background:url(wcm_008288.gif) left top no-repeat;
}

#toolbar {
	float:right;
	height:13px;
	line-height:16px;
	margin:0;
	padding-right:50px;
	text-align:right;
	font-size:12px;
}

#btnRss {
	margin-top:3px;
	float:right;
}

#text {
	margin-top:5px;
	float:right;
}

#language {
	margin-top:3px;
	float:right;
}

#quickSearch {
	float:right;
}

#quickSearch input{
 width: 70px;
 padding: 0 .5em;
}

#quickSearch input.searchBtn{
 width: 20px;
}

.searchInput {
	width: 50px;
	height:13px !important;
	padding:2px !important;
	color:#808080;
	vertical-align:top;
}

.searchBtn{
	cursor:pointer;
	background:#000000 url(wcm_001865.jpg) no-repeat left 0px;
	border:0px;
	height:20px;
	width: 20px;
	line-height:18px;
	color:white;
	padding:0px;
	margin-top:0px;
	text-align:center;
	vertical-align:top;
}

.listDoc li{
	list-style:square;
	list-style-position:outside;
	line-height:21px;
}

.more {
	font-size: 8pt;
}

.siteLink{
	padding:0px 0px 1px;
	zoom:1;
}
.siteLink li{
	float: left;
	width: 180px;	
	padding: 5px;	
	display:inline;
}
.siteLink li a img {
border: 1px solid #cccccc; /* Set image border color */
}

/* porletWin css definition*/
.md,.hd,.bd{zoom:1;_height:1px;}

.md{
  background:#fff;
  border:1px solid #CCCCCC;
}

.hd{
  color:#18397c;
  background:#fff url(wcm_008265.gif) top left repeat-x;
  border:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
}

.porletWin {
    border: 1px solid #CCCCCC;
    margin: 10px 0;
    text-align: left;
    width: auto;
}

.porletWin .hd {
    height: auto;
    margin: -1px 0 0 -1px;
    padding: 3px 11px;
}

.porletWin .hd h2 {
	font-size: 110%;	
    font-weight: normal;
	color: #000000;
    margin: 3px 0 0 1px;
}
.porletWin .bd {
    display: table;
    font-size: 12px;
}
.porletWin .bd:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.porletWin .bd {
    min-height: 72px;
    padding: 3px;
}

.highlight {
	background-color: yellow;
}