/*master*/
html {
    font-size: 110%;
    font-family: 微軟正黑體;
}
html.english {    
    font-size: 90%;
    font-family: Arial;    
}
body {
    margin: 0; 
    min-width: 1170px;    
}
input, select {
    font-family: 微軟正黑體;
    font-size: 1em;         
}
html.english input, select {
    font-family: Arial;         
}
.nav {
    background: linear-gradient(to right, #084a6a,#277c8d);
}

.nav .item {
    color: white;
    width: 1170px;
    margin: 0 auto;
    padding: 3px 0px;
    font-size: 1.2em;
    text-align: right;
}

.nav .item a {
    color: white;
    margin-right: 10px;
    text-decoration: none;
    vertical-align: sub;
}

    /* 新增：鍵盤 Tab 選取時的效果 */
    .nav .item a:focus {
        background-color: #ffff00; /* 明亮的黃色 */
        color: #000000 !important; /* 強制文字變黑色 */
        outline: 2px solid #fff; /* 白色外框 */
    }
.logo {
    width: 1170px;
    margin: 0 auto;
}
.menu {
    width: 1170px;
    margin: 0 auto;                                                
    vertical-align: middle;  
    text-align: center;                            
    background-color: #2b7784;            
    border-radius: 30px;                                         
    font-size: 1.3em;
}
.menu ul {
    margin: 0;
    padding: 7.5px 50px;
    list-style-type: none; 
    text-align: center;               
}
.menu.english ul {
    padding: 7.5px 15px;              
}
.menu li:not(.vertical_rule) {        
    width: 30%;    
    padding: 2.5px;
    display: inline-block;        
}
.menu.english li:not(.vertical_rule) {        
    width: 32%;        
}
.menu a {                                                       
    display: inline-block;    
    width: 100%;       
    vertical-align: middle;
    color: white;                                  
    text-decoration:none;
    font-weight: bold;                                                
}
.menu li.vertical_rule {
    display: inline-block;
    color: #afafaf;                  
}
.menu li.selected {        
    background-color: white;
    border-radius: 50px;               
}
.menu li.selected a {           
    color: #2d7782;
}
.menu li:not(.vertical_rule):hover {        
    background-color: white;
    border-radius: 50px;    
}
.menu li:not(.vertical_rule):hover a {           
    color: #2d7782;
}
.sub_menu {    
    width: 1120px;
    margin: 0 auto;                                                                                                   
    background-color: #ebedf0;     
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px;               
    font-size: 1.2em;
}
.sub_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;               
}
.sub_menu li {                
    display: inline-block;            
}
.sub_menu.academia li {        
    /*padding: 10px 35px;06-13暫時調整*/
    padding: 10px 100px;
}
.sub_menu.technology li {
    padding: 10px 5px;    
}
.sub_menu.technology.english li {
    padding: 10px 15px;    
}
.sub_menu a {                                                       
    color: #333333;                                  
    text-decoration:none;                                               
}
.sub_menu a.selected {           
    color: #d54e12;
}
.sub_menu a:hover {           
    color: #d54e12;
}
hr {
    display: block;
    border: 0;
    border-top: 1px solid #666666;
}
.path {                            
    background-color: #ebedf0;
}
.path .name {
    width: 1030px;
    margin: 0 auto;    
    padding: 5px 70px;    
    font-size: 0.8em;
    color: #333333;
}
.path .name a {    
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
.main {
    width: 1170px;
    margin: 0 auto;
}
.category_menu {
    width: 20%;
    display:inline-block;
}
.content {
    width: 76%;
    display:inline-block;
    padding: 0px 10px;
    vertical-align: top;
}
.category {        
    margin: 0;
    vertical-align: top;
}
.category .title {
    padding: 10px 0px;
    background-color: #064667;
    color: white;
    text-align: center;
}
.category ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.category li {
    display: block;
    background-color: #ebedf0;
    padding: 10px 0px 10px 50px;
    border-top: solid #b8bbbd 1px;
    text-align: left;
}
.category.english li {
    padding: 10px 0px 10px 10px;
}
.category li a {
    color:  #333333;
    text-decoration: none;            
}
.category li:hover a {
    color:  #2b7883;                
}
.category li a.selected {
    color:  #2b7883;     
}      
.footer {
    background-color: #d0d0d0;
    border-top: solid #4d494a 1px;
}                
.footer .item {
    width: 1170px;
    margin: 0 auto;                                           
    font-size: 1.2em;
    color: #6d6d6d;
    display: flex;
    justify-content: space-between;
    align-items: center;                   
}
.footer .item .info {
    display: inline-block;                  
}
.footer .item a {
    color: #6d6d6d;                        
    text-decoration:none;            
}

/*Main.aspx*/
.home {
}
.home .floatDiv {
    display: inline-block;
    float: left;
}
.home .floatDiv .category_name {
    margin: 10px;
    color:white;
}
.home .hotquery, .news {    
    padding-top: 10px;
}
.home .news li {
    padding: 5px 0px;
}      

.home .statistics_chart {
    padding-top: 10px;            
}

/*AsNetMap.aspx*/
.net_map {
}
.net_map .map_link {
    color: black;
	text-decoration:none;
}
.net_map .map_link:hover {
	text-decoration:underline;
}

/*wUctlStatisticsChart.ascx*/
.statistic_chart {
}
.statistic_chart .thumbnail{
    display: inline-block;
    margin-right: 5px; 
    vertical-align:top; 
    width: 280px;
}
.statistic_chart .thumbnail .img_shadow {
    margin: 5px;
    padding: 5px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.50);    
    height: 180px;
    width: 260px; 
    text-align: center;           
}
.statistic_chart .thumbnail .img_shadow img {
    max-width: 260px;
    max-height: 180px;
}
.statistic_chart .thumbnail .chart_name {
    margin-left: 5px;
}

/*TechnologyStatisticsList.aspx*/
.tech_sts_list .link{
    color: #0088cb;
    text-decoration: none;
}

/*TechnologyDataIndex.aspx*/
tr.ReportHeader th {
    padding: 15px 0px;
    background-color: #eeeeee;
    color :#d54e12;
    border-bottom: 1px solid #cfcfcf;
}
tr.ReportFooter th {
    padding: 15px 0px;
    background-color: #eeeeee;
    color :#d54e12;    
    border-top: 1px solid #cfcfcf;
}
.TreeNodesImg {
}
.TreeNodesImg td {
    vertical-align: top;
}
.TreeNodesImg a {
    color: #0088cb;
    text-decoration: none;    
}

/*shared*/
.dot {
    display: inline-block;            
    margin-right: 7px;
    padding: 3px;            
    background-color: black;
    border-radius: 50%;            
}
.triangle{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0px 5px 10px;
    border-color: transparent transparent transparent #333333;
}
.dialog {        
    display: none;
}
.list_link {
    color: #666666;
    text-decoration:none; 
} 
.query {
    background-color: #d38008;
    color: white;
    padding: 5px 10px;
    border: none;            
}
.report {
    background-color: #468848;
    color: white;
    padding: 5px 10px;
    border: none;
}
.parent_item {
    font-size: 1.1em;
    font-weight: bold;  
    color: #333333; 
}
.child_item {
    color: #0088cb;
}
.link_name {
    vertical-align: middle;
    padding: 5px 0px;
    color: black;
    text-decoration: none;
}
.numcolor {
	color: #2b7983;
	font-family: Arial, Helvetica, sans-serif;
}  
.empty {
    text-align: center;
}
.data_date {
    text-align: right;
    white-space:nowrap;
}
option.PlanKind {    
    background-color: #abdce2;
}
option.PlanKind:not(.Special):hover {              
    background-color: #3e797e;
    color: white;
}
option.PlanKind.Special {    
    background-color: #bfeec5;
}

.ReportTable 
{
    border: solid #cbcbcb 1px;     
    border-collapse: collapse;   
}

.ReportHeadCross 
{
    background-color:#eaeaea;
    font-size: 0.875em;
    border: solid #cbcbcb 1px;  
    border-collapse: collapse;
    padding-left: 10px;
 }

.ReportHead {
    background-color:#2b7784;
    font-size: 0.875em;
    text-align :center;
    vertical-align:middle;
    color:white; 
    border: solid #cbcbcb 1px;  
    border-collapse: collapse;
    mso-number-format: \@  
}

.ReportLeft {     
    vertical-align:middle;
    border: solid #cbcbcb 1px;       
    border-collapse: collapse;
    mso-number-format: \@
}

.ReportLeft.ReportCenter {
    text-align: center;    
}

.ReportValue {
    text-align: right;
    white-space: nowrap;
    vertical-align:middle;
    border: solid #cbcbcb 1px;  
    border-collapse: collapse;
}


.TableCenter {
	margin-left:auto; margin-right:auto;
}

.InquireDimVer {
    padding-right: 18px; padding-left: 18px;
    padding-bottom: 8px; padding-top: 8px; background-color: #2b7784; cursor: move;
    border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid;
    border-bottom: black 1px solid;
    width:60px;
    white-space:nowrap;
    vertical-align:middle;
    color: white;
}

.InquireDimHor {
    padding-right: 18px; padding-left: 18px;
    padding-bottom: 8px; padding-top: 8px; background-color: #ecedf1; cursor: move;
    border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid;
    border-bottom: black 1px solid;
    width:60px;
    white-space:nowrap;
    vertical-align:middle;
}

.InquireTable {
    border: black 0.5pt solid;
}

.InquireHeadCross {
    border: black 0.5pt solid;
    background-color:#ecedf1;
}

.InquireHead {
    border: black 0.5pt solid;
    background-color:#ecedf1;    
    vertical-align:top;
    mso-number-format: \@
}

.InquireHeadExtend {
    border: black 0.5pt solid;
    background-color:#ecedf1;
    vertical-align:top;
    cursor: pointer;
    mso-number-format: \@
}

.InquireLeft {
    border: black 0.5pt solid;
    background-color:#2b7784;
    white-space:nowrap; 
    vertical-align:middle;
    color: white;
    mso-number-format: \@
}

.InquireLeft.InquireCenter {
    text-align: center;
}

.InquireLeftExtend {
    border: black 0.5pt solid;
    background-color:#2b7784;
    white-space:nowrap; 
    vertical-align:middle;
    cursor: pointer;
    color: white;
    mso-number-format: \@
}
.InquireValue {
    border-top: lightgrey 0.5pt solid; 
    border-left: lightgrey 0.5pt solid; 
    text-align: right;
    width:60px;
    white-space: nowrap;
    vertical-align:middle;
}

.Grid {
    border-collapse: collapse;
}
.Grid a {
    text-decoration: none;
    color: black;
}
.Grid .Header th {
    padding: 10px 0px;
    background-color: #2b7784;
    color: white;
    text-align: center;
    font-size: 1.125em;
    font-weight: bold;
}
.Grid .Header a {
    color: white;
}
.Grid td {
    padding: 10px;    
    height: 20px;
}
.Grid td.Indentation {
    padding: 10px 0px 10px 50px;
}
.Grid .Row {	    
    background-color: #ecedf1;
}
.Grid .Alternating {        
    background-color: white;           
}
.Grid .Pager td {
    background-color: #2b7784;
    padding: 10px;
    color: white;
    font-weight: bold;
}
.Grid .Pager a {
    color: white;
    font-weight: normal;
}
.Grid .Pager td td {
    font-size: 1em;
    padding: 0 5px 0 5px;
}
.Grid .Empty td {
	padding:10px;
    text-align:center;
}

.ScienceParkGrid {
    border-collapse: collapse;
}
.ScienceParkGrid a {
    text-decoration: none;
    color: black;
}
.ScienceParkGrid .Header th {
    padding: 10px 30px;
    background-color: #2b7784;
    color: white;
    text-align: center;
    font-size: 1.125em;    
    font-weight: bold;
}
.ScienceParkGrid .Header a {
    color: white;
}
.ScienceParkGrid tr:not(.Empty):hover {
    background-color: #d7eaed;
}
.ScienceParkGrid td {
    padding: 10px;    
    height: 20px;
}
.ScienceParkGrid .Row {	    
    background-color: white;
}
.ScienceParkGrid .Pager td {    
    background-color: #2b7784;
    padding: 10px;
    color: white;
    font-weight: bold;
}
.ScienceParkGrid .Pager a {
    color: white;
    font-weight: normal;
}
.ScienceParkGrid .Pager td td {
    font-size: 1em;
    padding: 0 5px 0 5px;
}
.ScienceParkGrid .Empty td {
	padding:10px;
    text-align:center;
}