﻿.noneuse {}
/*body {  color: #003399;background-image: url(background.png);background-repeat: repeat-x; background-color:#978E90; font-family: "Arial", "Verdana"; }*/
body {  color: #003399; background-color:#ffffff; font-family: "Arial", "Verdana"; }
a:link, a:visited    {  text-decoration: none; color: #005599}
a:hover, a:active   {  text-decoration: underline; color: #005599}
input {	font-family: "Arial", "Verdana", "新細明體"; font-size :100%;vertical-align:middle ; padding: 0px 2px; margin: 2px;}


hr {  color: #6699cc; height: 2px}

#ft a:link, #ft a:visited    {  text-decoration: none; color: White}
#ft a:hover, #ft a:active   {  text-decoration: none; color: White}
caption, th{ text-align: center; }

#nav-menu ul {list-style: none;padding: 0;margin: 0;}
#nav-menu li{float: left;margin: 0;}
#nav-menu li a{ background: url(menubg150.png) #aaa bottom left repeat-x;
line-height: 50px;float: left;width: 150px; height :54px;display: block;border: none;
color: #fff;text-decoration: none;text-align: center;font-size :18pt;
font-family: Georgia,"Times New Roman",Times,serif, "標楷體", "新細明體"; vertical-align:text-bottom; }
/* Hide from IE5-Mac \*/
#nav-menu li a{float: none}
/* End hide */
#nav-menu{ width:100%; height:54px;}
#nav-menu li a:link, #nav-menu li a:visited    {text-decoration: none; color: #000;font-size :16pt;}
#nav-menu li a:hover, #nav-menu li a:active   {text-decoration: none; color: #FFCE3C;font-size :16pt;}

#yui-main { background-color:#ffffff;}

.yui-b .yui-g table { line-height :146.5%; font-size :107%; margin-top:3px; padding :0.5em}
/*.yui-g { border-left:solid 1px gray; border-right:solid 1px gray;}*/
#doc3 { border:solid 1px #cdcdcd;}

/*以下區段設定GridView的styles*/
#gvList{ width:98%; margin:auto; padding:2em;}
/*以下區段設定GridView的styles*/
/*.trtitlecolor {  background-color: #ffffff;color: #3366ac; height: 2.2em; font-size: 100%; background-image:url(trtitlebg.png); background-repeat:repeat-x ; text-align :center }*/
.trtitlecolor {  background-color: #ffffff;color: #3366ac; height: 2.2em; font-size: 100%; background-color:#CCC; text-align :center }
.trtitlecolor a:link,.trtitlecolor a:visited    {  text-decoration: underline; color: #3366ac; text-align :center }
.trtitlecolor a:hover,.trtitlecolor a:active   {  text-decoration: none; color: #3366cc; text-align :center }
.trFootcolor {  background-color: #999999;color: #ffffff; text-transform: capitalize;text-align: left; }
.trFootcolor a:link,.trFootcolor a:visited    {  text-decoration: underline; color: #ffffff}
.trFootcolor a:hover,.trFootcolor a:active   {  text-decoration: none; color: #fff7a0}
.trPagecolor {  background-color: #6699cc;color: #ffffff; text-transform: capitalize; text-align: left; height: 24px}
.trPagecolor a:link,.trPagecolor a:visited    {  text-decoration: underline; color: #3A3A3A; FONT-Weight: 500; padding-left: 5px; padding-right: 5px; font-size: 100%}
.trPagecolor a:hover,.trPagecolor a:active   {  text-decoration: none; color: #fd8339; FONT-Weight: 500; padding-left: 5px; padding-right: 5px; font-size: 100%}
.trPagecolor span    {  border: 1px solid #ffffcc; FONT-Weight: 500; padding-left: 5px; padding-right: 5px; text-decoration: none; color: #ffffff; text-align: center; font-size: 100%}
.tr1color {  background-color: #E6F4FC; color: #000000; height: 22px}
.tr1color a:link,.tr1color a:visited    {  text-decoration: underline; color: #3A3A3A}
.tr1color a:hover,.tr1color a:active   {  text-decoration: none; color: #3A3A3A}
.tr2color {  background-color: #ffffff; color: #000000; height: 22px}
.tr2color a:link,.tr2color a:visited    {  text-decoration: underline; color: #3A3A3A}
.tr2color a:hover,.tr2color a:active   {  text-decoration: none; color: #3A3A3A}
.trSelectedcolor {  background-color: #99ccff; color: #000000}
.trEditcolor {  background-color: #ffffff; color: #000000}
.trEmptyDataRowStyle { color:#ff0000; text-align:center; }
.tr1color input, .tr2color input {padding: 2px; margin: 2px;}

/*以下區段設定Form中的Input物件*/
.InputText {  padding:0px; color: #000000; background-color: #fcfcfc; border: solid 1px #cccccc; height :1.4em ;}
.InputTextLock {  padding:0px; color: #000000; background-color: #f0f0f0; border-top: 0px ; border-right: 0px ; border-bottom: 1px dashed #666666; border-left: 0px ;}
.InputTextNoBorder {  padding:0px; background-color: transparent; border-top: 0px ; border-right: 0px ; border-bottom: 0px ; border-left: 0px ;}
.InputTextTransparent {  padding:0px; background-color: transparent; border-top: 0px ; border-right: 0px ; border-bottom: 1px dashed #666666; border-left: 0px ; text-align:right;}
.InputTextBig {  padding-left: 2px; padding-right: 2px; background-color: transparent; border-top: 0px ; border-right: 0px ; border-bottom: 1px dashed #666666; border-left: 0px ; text-align:right; font-size:x-large; color:Blue;}
.InputRadio {  color: #000000; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height :1.6em ;}
.InputRadio Input {  color: #000000; background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputRadio Label {  color: #000000; background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputRadioLock {  color: #000000; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height :1.6em ;}
.InputRadioLock Input {  color: #000000; background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputRadioLock Label {  color: #000000; background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputCheckbox {  border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height :1.6em ;}
.InputCheckbox Input {  background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputCheckbox Label {  background-color: transparent; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.InputButton { padding: 0.3em 0.2em; font-size: 108%; color: #003399; background-color: #ffffcc; border: 1px solid #cccccc; vertical-align:text-top; height :1.8em ; letter-spacing :0.2em}

.InputFile {  border: 1px solid; border-color: #696969 #cccccc #cccccc #696969}
.InputSelect { border-color: #696969 #cccccc #cccccc #696969; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.warningtext {color: #FF0000; text-align:left;}
.requirefield {color: #fa0000; text-align:left; vertical-align :middle ;padding:3px;}
.textalignright {  padding:0px; text-align :right }
.btnimg {  vertical-align: text-bottom; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-left: 2px; Height:18px;Width :18px}
.blacktext{color: #000000;}
.unfloat { clear: both; }
.center { text-align: center; }
.u { text-decoration: underline; }
.b { font-weight: bold; }
.i { font-style: italic; }
.tt { font-family: monospace; }
.big { font-size: larger; }
.small { font-size: smaller; }
.strike { text-decoration: line-through; }

.pagerAddDisplay { float:left; padding:0px; margin:0px; }
.pagerNavigatorDisplay { padding:2px; margin:0px; }
.pagerCountDisplay { float:right; padding:0px; margin:0px; }
.pagerRowCountDisplay { background-color: #eee; font-weight:normal; height:1; padding:0px; margin:0px 2px 0px 0px; border:1px solid #ccc; }
.pagerPageCountDisplay { background-color: #eee; font-weight:normal; height:1; padding:0px; margin:0px 0px 0px 2px; border:1px solid #ccc; }
.pagerRowAddButtonDisplay { height:1; padding:0px; margin:0px; }
.pagerLinkSel_listSmartPager a:link,.pagerLinkSel_listSmartPager a:visited   
 {  background-color: #ffffff; color: #006699}
.pagerLinkSel_listSmartPager a:hover,.pagerLinkSel_listSmartPager a:active  
 {  background-color: #006699; color: #ffffff}
.pagerPageNo_listSmartPager a:link,.pagerPageNo_listSmartPager a:visited   
 {  background-color: #ffffff; color: #006699}
.pagerPageNo_listSmartPager a:hover,.pagerPageNo_listSmartPager a:active  
 {  background-color: #006699; color: #ffffff}
/*AutoComplete flyout */
.autocomplete_completionListElement { visibility : hidden; margin : 0px!important; background-color : inherit; color : windowtext; border : buttonshadow; border-width : 1px; border-style : solid; cursor : 'default'; overflow : auto; height : 100px; text-align : left; list-style-type : none; }
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem { background-color: #ffff99; color: black; padding: 1px; }
/* AutoComplete item */
.autocomplete_listItem { background-color : window; color : windowtext; padding : 1px; }

/* image frame conner and border */
.tdtopleft {background-image: url(title_topleft.jpg); background-repeat:no-repeat ; border:0; width:8px; height :34px; }
.tdtopbackground {background-image: url(title_topbackground.jpg); background-repeat:repeat-x ; border:0; height :34px;}
.tdtopspan {padding-left:30px; font-size :116%; font-weight:bold; color:White  }
.tdtopright {background-image: url(title_topright.jpg); background-repeat:no-repeat ; border:0; width:8px; height :34px; }
.tdmidborderleft {background-image: url(title_midborderleft.jpg); background-repeat:repeat-y ; border:0; width:8px; }
.tdmidborderright {background-image: url(title_midborderright.jpg); background-repeat:repeat-y ; border:0; width:8px; }
.tdbuttomleft {background-image: url(title_buttomleft.jpg); background-repeat:no-repeat  ; border:0; width:8px; height :8px; }
.tdbuttomdown {background-image: url(title_buttomdown.jpg); background-repeat:repeat-x ; border:0; height :8px;}
.tdbuttomright {background-image: url(title_buttomright.jpg); background-repeat:no-repeat ; border:0; width:8px; height :8px; }
.topmost {width: 100%; background-repeat: repeat-x; background-color: #EBECEE; color: White; text-align: right; height :25px;}
.topmost a:link, .topmost a:visited    {  text-decoration: none; color: White}
.topmost a:hover, .topmost a:active   {  text-decoration: none; color: White}

.hcp02background {width: 100%; background-color: #FFF; color: White; text-align: left;}

.hcp02-1background {width: 100%; background-color: #eaebed; color: White; text-align: right;}

.hcp04background {width: 100%; background-image: url(heeactranking04.png);background-repeat: repeat-x; background-color: #761617; color: White; text-align:right; padding-right :1em; height:50px;}
.headertitle {color: #f5f7f6;font-size: 200%; letter-spacing:0.1em }
.menubackground {width: 100%; background-image: url(menubackground.png);background-repeat: repeat-x; background-color: #fff; color: White; text-align: left;}
/*.menubg {background-image: url(menubg.png);}*/

div.float {  float: left; margin:3px;}
div.float a {display: block;border: none; width:8em; vertical-align:middle; padding:5px; font-size:12pt; }
div.float a:link,div.float a:visited  { background-color:#dfdfdf;}
div.float a:hover,div.float a:active{ background-color:#ffffcc; }
div.float p {   text-align: center;   }
div.container {  border: none;  background-color: #fff;  width:90%; margin:auto;  }
div.spacer {  clear: both;  }

/*
Copy from Ranking 
*/

/* MAIN CONTENT */
.main-content { border:none; width:90%; margin:auto; padding:2em; padding-top:0px; }
.main-content .pagetitle {margin:0 0 0.8em 0; padding:0 0 2px 0; border-bottom:solid 5px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:20pt;}
.main-content .block {clear:both; width:100%;margin:0 0 0.8em 0;padding:10px 0px 10px 0px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:20pt;}
/*
.main-content .h3h3 {clear:both; text-align:right; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:12pt;}
*/
.main-content .h3h3 {clear:both; text-align:left; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:12pt; display:block; float:right;}
.main-content strong { font-weight:bold;}
/*
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}

.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content .pp {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content .pp .center {text-align:center;}
.main-content .pp .right {text-align:right;}
.main-content .pp .details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
*/

/* MAIN CONTENT */



#lblContent {}

#lblContent p {font-size:12pt; color:Black; text-align:justify; line-height:1.6em;text-justify:distribute;text-autospace:ideograph-alpha;}

#lblContent table {font-size:12pt; color:Black; text-align:justify; line-height:1.6em;}
#lblContent .LineHeight{line-height:3em;}

.tr1Link {  background-color: #E6F4FC; color: #000000; height: 22px}
.tr1Link a:link,.tr1color a:visited    {  text-decoration: underline; color:Blue}
.tr1Link a:hover,.tr1color a:active   {  text-decoration: none; color: #3A3A3A}
.tr2Link {  background-color: #ffffff; color: #000000; height: 22px}
.tr2Link a:link,.tr2color a:visited    {  text-decoration: underline; color: Blue}
.tr2Link a:hover,.tr2color a:active   {  text-decoration: none; color: #3A3A3A}

.Contact { margin:0 0 0 10em;font-size:12pt;  color:Black; text-align:justify; line-height:1.6em; display: block;}
.SortDesc { margin-bottom:10px;padding:0 10px 0 3.7em;font-size:12pt; color:Black; display: block;}
#UCTitle1_lblYear { margin:0px; padding:0px ; border:0px}
#UCMenu1_mnuNavigate_1 {background-color:#e2e3e7;}
#UCMenu1_mnuNavigate_1 a:link,#UCMenu1_mnuNavigate_1 a:visited   {  text-decoration: none; }
#UCMenu1_mnuNavigate_1 a:hover,#UCMenu1_mnuNavigate_1 a:active   {  text-decoration: none; }

/*
.MenuItem{font-size:12pt; text-align:center; background-color:#e2e3e7; background-repeat:repeat-x; width:110%; height:60px; white-space:pre-wrap; vertical-align:top; border:solid 1px #bbb}
.MenuItem a:link, .MenuItem a:visited { background-image:none; background-color: transparent;}
.MenuItem a:hover,.MenuItem a:active { background-image:none; background-color: transparent; color:black ; text-decoration :none;}
.DynamicMenuItem{font-size:11pt;background-color:#DDD;border:solid 1px #bbb;width:140px;height:2em;}
.MenuItemHover{background-color:#bbb; color:black}
.DynamicMenuItem a:link, .DynamicMenuItem a:visited { background-image:none; background-color: transparent;}
.DynamicMenuItem a:hover,.DynamicMenuItem a:active { background-image:none; background-color: transparent; color:black ; text-decoration :none;}
*/

/*
.MenuItem
{ 	
	background-image:url(bg_head_bottom_nav.png);
	text-align:center;
	font-size:11.5pt;		
	border:solid;
	border-color:Gray;
	border-width:1px;
	width:120px;
	height:60px;
	white-space:pre-wrap;
}
*/
#UCMenu1_mnuNavigate
{
	background-image:url(bg_head_bottom_nav.png);
	margin-bottom:20px;
	}
.MenuItem
{ 		
	text-align:center;
	font-size:11.5pt;		
	height:60px;
	width:110px;
	white-space:pre-wrap;
}

.MenuItem a:link, .MenuItem a:visited { background-image:none; background-color: transparent;}
.MenuItem a:hover,.MenuItem a:active { background-image:none; background-color: transparent; color:black ; text-decoration :none;}


.DynamicMenuItem
{
	text-align:center;
	font-size:11pt;
	background-color:#DDD;			
	border:solid;
	border-color:Gray;
	border-width:1px;	
	width:120px;
	height:40px;		
}

.DynamicMenuItem .a:link, .DynamicMenuItem a:visited { background-image:none; background-color: transparent;}
.DynamicMenuItem a:hover,.DynamicMenuItem a:active { background-image:none; background-color: transparent; color:black ; text-decoration :none;}

.MenuItemHover
{
	border:solid;
	border-color:Black;
	border-width:1px;
	background-color:#ddd; 
	color:black;	
}





