/* Minification failed. Returning unminified contents.
(376,70): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: onload
 */
/* login
----------------------------------------------------------*/
#login {
    text-align: right;
   
}

#login a {
    text-decoration: none;
}

#login a.username 
{
    color :#415E7D;
    text-decoration: underline;
}

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 45%;
}

#loginForm .validation-error {
    display: block;
    margin-left: 15px;
}

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 50%;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

    /* forms */
    fieldset {
    border: none;
    margin: 0;
    padding: 0;
    }

  /* 調整上下置中 */
  fieldset .formfield * {
    vertical-align:baseline;
  }

    fieldset legend {
        display: none;
    }
    
    fieldset ol {
        padding: 0;
        list-style: none;
    }

    fieldset ol li {
        padding-bottom: 5px;
    }

    fieldset label {
        font-size: 1.1em;
        font-weight: 600;
    }

    fieldset label.checkbox {
        display: inline;
    }
    
    fieldset .largetextarea 
   {
        border: 1px solid #CCCCCC;
        color: #333;
        font-family:Arial;
        font-size:1.2em;
        margin: 0px 0 0px 0;
        width: 600px;
        height:380px;
        padding: 5px;
   }
   
   fieldset textarea 
   {
        border: 1px solid #CCCCCC;
        color: #333;
        font-family:Arial;
        font-size:1.2em;
        margin: 0px 0 0px 0;
        width: 450px;
        height:60px;
        padding: 5px;
   }
   
   fieldset .smalltextarea
   {
        border: 1px solid #CCCCCC;
        color: #333;
        font-family:新細明體,Arial;
        font-size:1.2em;
        margin: 0px 0 0px 0;
        width: 400px;
        height:18px;
        padding:3px;
   }
   
    fieldset .smalltextarea:focus,
    fieldset textarea:focus {
         border: 1px solid #7ac0da;
    }
   
   fieldset input.username {width:80px;} 
   fieldset input.narrow {width:40px;}
   fieldset input.date {width:80px;}
   fieldset input.wide {width:450px;}
   fieldset input.normal {width:250px;}
    
    /* 帳號 密碼 */
    fieldset input[type="text"],
    fieldset input[type="password"] 
    {
        border: 1px solid #e2e2e2;
        color: #333;
        font-family:Arial;
        font-size:1.3em;
        margin: 5px 0 2px 0;
        padding: 3px;
    }
    
    fieldset input[type="text"]:focus,
    fieldset input[type="password"]:focus {
         border: 1px solid #7ac0da;
    }

    fieldset input[type="submit"] {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.3em;
        font-weight: 800;
        margin: 5px 0 2px 0;
        padding: 3px;
    }
    
     fieldset input[type="button"] {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.3em;
        font-weight: 800;
        margin: 5px 0 2px 0;
        padding: 3px;
    }

/* styles for validation helpers */
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

input[type="text"].input-validation-error,
input[type="password"].input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    color: #ff0000;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}





.input-style {
	border:1px solid #ccc;
	padding:3px;
	width:90%;
	font-size:12px;
}
	
	
	
	input.search {
		padding:4px;
		border:1px solid #ccc;
		margin-left:10px;
		color:#660066;
	}
	input.search:hover{
		border:1px solid #cc99cc;
	}
    /*�ӤH���*/
        input.btn-profile {
				border:1px solid #ccc;
				background:#fff;
				padding:5px 7px 3px 7px;
				font-size:12px;
				cursor:pointer;
			}
				/*�j�M*/
			input.btn-general {
				border:1px solid #ccc;
				background:#fff;
				padding:5px 7px 3px 7px;
				font-size:12px;
				cursor:pointer;
			}
			/*�n�X*/
			input.btn-logout {
				border:1px solid #ccc;
				background:#fff;
				padding:3px 7px 1px 7px;
				*padding:4px 6px 0px 6px;
				margin-left:5px;
				font-size:12px;
				cursor:pointer;
			}
			
			/*�R��*/
			input.btn-delete {
				border:1px solid #ccc;
				background:#fff url(/images/trash-can.png) no-repeat 5px 3px;
				padding:5px 7px 3px 22px;
				font-size:12px;
				*padding:5px 5px 3px 16px;
				cursor:pointer;
			}
			
			/*�o�G*/
			input.btn-publish {
				border:1px solid #ccc;
				background:#fff url(/images/edit-page.png) no-repeat 5px 3px;
				padding:5px 7px 3px 22px;
				font-size:12px;
				*padding:5px 5px 3px 16px;
				cursor:pointer;
			}

            /*�q�L���s*/
            input.btn-accept {
                border: 1px solid #ccc;
                background: #fff url(/images/list-accept.png) no-repeat 5px 3px;
                padding: 5px 7px 3px 22px;
                font-size: 12px;
                *padding: 5px 5px 3px 16px;
                cursor: pointer;
            }
			/*�s��ק�*/
			input.btn-edit {
				border:1px solid #ccc;                                
				background:#fff url(/images/edit-page.png) no-repeat 5px 3px;
				padding:5px 7px 3px 22px; /*�W�k�U��*/
				font-size:12px;
				*padding:5px 5px 3px 16px;
				cursor:pointer;
			}
			input.btn-edit-list {
				border:1px solid #ccc;                
                background:#fff url(/images/edit-list-1.png) no-repeat 5px 3px;
				padding:5px 7px 3px 22px; /*�W�k�U��*/
				font-size:12px;
				*padding:5px 5px 3px 16px;
				cursor:pointer;
			}
			/*�s��ק�*/
			input.btn-edit-master {
				border:1px solid #ccc;
				background:#fff url(/images/list-note.gif) no-repeat 5px 3px;
				padding:5px 7px 3px 22px;
				font-size:12px;
				*padding:5px 5px 3px 16px;
				cursor:pointer;
			}
			
			/*�s��ק�*/
			input.btn-edit-detail {
				border:1px solid #ccc;
				background:#fff url(/images/list-num.png) no-repeat 5px 3px;
				padding:5px 7px 3px 22px;
				font-size:12px;
				*padding:5px 5px 3px 16px;
				cursor:pointer;
			}

            /*�s�W���s*/
            input.btn-add {
                border:1px solid #ccc;
				background:#fff url(/images/add.png) no-repeat 5px 3px;
				padding:5px 7px 3px 22px;
				font-size:12px;
				*padding:5px 5px 3px 16px;
				cursor:pointer;
            }
            
              /*�o�G���s*/
            input.btn-upload {
                border:1px solid #ccc;
				background:#fff url(/images/file-upload.png) no-repeat 5px 3px;
				padding:5px 7px 3px 22px;
				font-size:12px;
				*padding:5px 5px 3px 16px;
				cursor:pointer;
            }

            /*�s�W���s*/
            input.btn-send {
                border:1px solid #ccc;
				background:#fff url(/images/save.png) no-repeat 5px 3px;
				padding:5px 7px 3px 22px;
				font-size:12px;
				*padding:5px 5px 3px 16px;
				cursor:pointer;
            }
			input.btn-general:hover ,
			input.btn-delete:hover,
			input.btn-logout:hover {
				background-color:#f7eff7;
				border:1px solid #cc99cc;
				color:#660066;
			}
            .showImgbox {
	        margin-top: 10px;
	        width: 800px;
	        overflow: hidden;
            }
            .showImgbox img{	    
	        border: 2px solid #1dd;
	        vertical-align: middle;
            max-width:760px; 
            myimg:expression(onload=function(){ 
            this.style.width=(this.offsetWidth > 760)?"760px":"auto"});
            }
            .abgne-block-Imgbox {
	            margin-top: 10px;
	            width: 680px;
	            overflow: hidden;
            }
            .abgne-block-Imgbox a {
	            margin-right: 10px;
            }
            .abgne-block-Imgbox a img {
	            width: 140px;
	            height: 92px;
	            border: 2px solid #1dd;
	            vertical-align: middle;
            }
            .abgne-block-Imgbox span {
	        margin-right: 10px;
            }
            .abgne-block-Imgbox span img {
	            width: 140px;
	            height: 92px;
	            border: 2px solid #1dd;
	            vertical-align: middle;
            }


@charset "utf-8";
/* CSS Document */


	/* -------------------------------------
		Reset
	------------------------------------- */

	* { 
		margin: 0;
		padding: 0;
		}
		
	body {
		font-family: 新細明體,arial,helvetica,clean,sans-serif;
		font-size:12px;
		color: #333;
		line-height: 20px;
		}
	
	
	ul { padding-left:18px;}	
	a ,a:visited,
	a:active {color:#666666;text-decoration: none;}
	a:hover{color:#CC0000;}
	a.action 
	{
        background:url("/images/action-right.gif") no-repeat left;
        padding:5px 5px 0 10px ;
        color:#BD701F;
	}    
		
  
   
		
	/* -------------------------------------
		general
	------------------------------------- */
	
	.cleaner {
		float: none;
		clear: both;
		height:0px;
		}
	.photo-right {
		float:right;
		padding:3px;
		border:1px #ccc solid;
		margin:0 0 8px 8px;
		}
	.photo-left {
		float:left;
		padding:3px;
		border:1px #ccc solid;
		margin:0 8px 8px 0;
		}
	.float-left {float:left;}
	.float-right {float:right;}
	/* -------------------------------------
		color
	------------------------------------- */
	.pink{color:#ff0066;}
	.blue{color:#a1c1d5;}
	.gary7 {color:#777;}
	.green {color:#669900;}
	.red {color:#FF0000;}
	.darkred {color:#550000;}
	
	.orange {color:#895117;} 	
    .pink-block {
	    background:#ff1a5b;
		color:#FFF;
		text-align:center;}
	.blue-block {
	    background:#004EA0;
		color:#FFF;
		text-align:center;}
	.orange-block {
	    background:#895117;
		color:#FFF;
		text-align:center;}	
	
	/* -------------------------------------
		head-bg
	------------------------------------- */
		#bg_blue {
			background: url(/images/banner-blue.jpg) repeat-x top;
        }
		
		/* -------------------------------------
			width
		------------------------------------- */
        .center_width{
            width: 960px;
            margin: 0 auto;
        }	
        
        #width{
            width: 100%;
        }	
        
			/* -------------------------------------
				masthead 
			------------------------------------- */

				#masthead{
					padding:5px 3px;
					color:#000000;
					float: right;
				}
				
				#masthead  ul 
				{
					text-align: right;
				}
				
				#masthead  li 
				{
				    list-style-type: none;
					padding-right:18px;
				}
				
				#masthead a 
				{
				    color :#D77F23;
                    text-decoration: underline;
				}
				#masthead  .date {
					padding-left: 10px;
				}
				
			/* -------------------------------------
				head  
			------------------------------------- */
				
				#head  {
					background:url(/images/section.gif) repeat-x;
					height:53px;
					border:1px solid #ccc;
					}
				
					.site{
						float:left;
						background:url(/images/t_logo_crm.png) no-repeat left;
						padding-top:0px;
						height:53px;
						width:210px;
					}
					
					.site img{
						width:210px;
						height:53px;
						border:0;
						background:url(/images/line.gif) no-repeat right;
					}
					
						
					.sections{
						margin-left:200px;
						}
					.sections li{
						float:left;
						list-style-type: none;
						background:url(/images/line.gif) no-repeat right;
						padding-left:0px;
						padding-top:18px;
						height:35px;
						}
						
					.sections a{
						padding:10px 10px 0 20px ;
						margin-left:10px;
					    }
					    
				    .sections a.setting {
						background:url(/images/keywords.gif) no-repeat left bottom;
						}	
					.sections a.ques {
						background:url(/Images/list-note.gif) no-repeat left bottom;
						}		
                    .sections a.user_info {
        				background:url(/images/user-info-1.png) no-repeat left bottom;
						}	
                    .sections a.user_edit{
						background:url(/images/useredit.png) no-repeat left bottom;
                     }						
					.sections a.group{
						background:url(/images/user-group.png) no-repeat left bottom;
						}
                    .sections a.password{
						background:url(/images/key.png) no-repeat left bottom;
						}	
					.sections a.mail{
						background:url(/images/mail.png) no-repeat left bottom;
						}							
                    .sections a.sitemap{
						background:url(/images/sitemap.png) no-repeat left bottom;
                        }							
					.sections a.backtoweb{
						background:url(/images/home.gif) no-repeat left bottom;
						}	
                    .sections a.search{
						background:url(/images/search.png) no-repeat left bottom;
                        }	
                    .sections a.chart_bar{
						background:url(/images/analytics-1.png) no-repeat left bottom;
                        }	
                     .sections a.manual{
						background:url(/images/manual.png) no-repeat left bottom;
                        }	
                     /*Layout 統一修改處*/
                        .sections a.BPM {
                            background: url(/images/logo_digiwin.png) no-repeat left bottom;
                            background-size: 20px 20px;
                        }
                     .sections a.FOM{
						background:url(/images/form.png) no-repeat left bottom;                         
                        background-size: 20px 20px;
                        }  
					.sections a.DCC{
						background:url(/images/icon_dcc.png) no-repeat left bottom;                         
                        background-size: 20px 20px;
                        }	
                    .sections a.REQ{
						background:url(/images/icon_req.png) no-repeat left bottom;                         
                        background-size: 20px 20px;
                        }	
                    .sections a.ISSUE{
						background:url(/images/issue.png) no-repeat left bottom;
                        background-size: 20px 20px;
                        }		
                    .sections a.MEET{
						background:url(/images/icon_meet.png) no-repeat left bottom;
                        background-size: 20px 20px;
                        }	
                    .sections a.MIS{
						background:url(/images/menu_MS.png) no-repeat left bottom;
                        background-size: 20px 20px;
                        }
					.sections a.PROJ{
						background:url(/images/icon_proj.png) no-repeat left bottom;
                        background-size: 20px 20px;
                        }		
                    .sections a.DISS{
						background:url(/images/icon_diss.png) no-repeat left bottom;
                        background-size: 20px 20px;
                        }	
                    .sections a.HR{
						background:url(/images/icon_hr.png) no-repeat left bottom;
                        background-size: 20px 20px;
                        }		
                    .sections a.INFO{
						background:url(/images/icon_info.png) no-repeat left bottom;
                        background-size: 20px 20px;
                        }	
                    .sections a.CRM{
						background:url(/images/icon_crm.png) no-repeat left bottom;
                        background-size: 20px 20px;
                        }
                    .sections a.MONITOR{
						background:url(/images/icon_monitor.png) no-repeat left bottom;
                        background-size: 20px 20px;
                        }		
						
					.sections a:hover ,
					.sections #current{
						}
			/* -------------------------------------
				Body  
			------------------------------------- */
				    #body  {
					width:99%;
					margin:0 auto;
					}
					
					 
					/* -------------------------------------
						Sidebar
					------------------------------------- */
						#accordion {
							margin-top:15px;
							width:200px;
							}
						#sidebar img{
							border:0;
							}

					/* -------------------------------------
						contentpane  
					------------------------------------- */
						    #contentpane {
							margin:10px 0 0 10px;
							width: 99%;
							border-bottom:1px solid #ccc;
							}
							
							h2 { /* 頁面標題 */
								background:url(/images/bg-h2.gif) repeat-x;
								font-size:13px;
								height:24px;
								padding:5px 5px 0 5px;
								display:block;
								border:1px solid #d0dde1;
								border-top:0;
								color: #666666;
							}
							
							h3 { /* 左欄標題 */
								background:#EEE6DE;
								font-size:12px;
								padding:5px;
								border-bottom:1px #fff solid;
								display:block;
								font-weight:normal;
							}
								
								
							/* sidebar */
							.sidebar {
							width:200px;
							}
							.sidebar ul{
								border-bottom:1px dotted #BACFED;
							}
							td.sidebar-td {
								border-left:1px solid #ccc;
								}
								
							/* header bg style*/
							.addcategory {
								text-align:center;
								background:#eee;
								border-bottom:1px solid #BACFED;
								padding:3px;
							}	
							
								/* 單元 icon*/
								.category-folder {
									background:url(/images/section2.gif) repeat-x 0 -5px;
									padding: 5px; 
								}
								.category-folder .database {
									background:url(/images/database.png) no-repeat ;
									padding: 5px 5px 5px 30px; 
								}
								
								
								/* article-category*/
								.article-category li{
									margin:7px 15px;
								}
								.article-category .allarticle {
									background:url(/images/article.png) no-repeat left;
									padding-left:23px;
								}
								.article-category .nocate {
									background:url(/images/pages_warning.png) no-repeat left;
									padding-left:23px;
								}
								.article-category .trash-can {
									background:url(/images/trash_can.png) no-repeat left;
									padding-left:23px;
								}
								
								/* status icon */
								.status-member {
								background:url(/images/member.png) no-repeat left;
								padding-left:23px;
								}
								.status-lock {
								background:url(/images/lock.png) no-repeat left;
								padding-left:23px;
								}
								.status-accept {
								background:url(/images/accept.png) no-repeat left;
								padding-left:23px;
								}
								.status-block {
								background:url(/images/block.png) no-repeat left;
								padding-left:23px;
								}
								
								
								#move-to-folder {
								position:absolute;
								width:150px;
								z-index:1;
								top:170px;
								left:595px;
								border:1px solid #ccc;
								background:#fff;
								visibility: hidden;
								}
								
								#move-to-folder li{
								margin: 2px 15px;
								padding: 2px 2px 2px 23px; 
								background:url(/images/folder.png) no-repeat left; 
								border:1px dotted #fff ;
								
								}
								
								
								
								/* pager */
								.pager{
									font-size:11px;
									padding:4px;
									background:#999;
									border:1px solid #999;
								}
								.pager span{
									font-size:12px;
									color:#fff;
									padding:0 3px;
								}
								.pager a:link,
								.pager a:visited,
								.pager a:active{
									padding: 2px 3px 2px 2px ; 
									margin: 2px;
									text-decoration: none;
									color:#666;
									background:#fff;
								}
								.pager a:hover,
								.pager .current{
									padding: 2px 3px 2px 2px ; 
									margin: 2px;
									text-decoration: none;
									color:#fff;
									font-weight:bold;
									background:#CC0033;
								}	
									
								.pager-select{
								border:1px solid #1f5488;
								background:#000;
								padding:0;
								
								}	
			/* -------------------------------------
				footer  
			------------------------------------- */
				#footer 
				{
				    margin-left:0px;
					text-align:left;
					width:98%;
					color:#777;
					height:70px;
					font-size:12px;
					}
				#footer a{
					text-decoration:underline;
					color:#777;
					}
				#footer p{
					padding-left:5px;
					}
            /* -------------------------------------
				slideshow  
			------------------------------------- */
                    #slideshow {
						position:relative;
						height:190px;
					}
					
					#slideshow IMG {
						position:absolute;
						top:0;
						left:0;
						z-index:8;
						opacity:0.0;
					}
					
					#slideshow IMG.active {
						z-index:10;
						opacity:1.0;
					}
					
					#slideshow IMG.last-active {
						z-index:9;
					}
					
@charset "utf-8";

    .tbl-header {
		background:url(/images/bg-h4.gif) repeat-x;
		font-weight:normal;
		padding:3px 5px 3px 5px;
	    height:30px;
    }	
     .tbl-header a {
	    text-decoration: none;
	    border-bottom: 1px dotted #f60;
	    color: #f60;
    }		
/* -------------------------------------
    沒有分格線-白色調
------------------------------------- */
    .tbl-list {min-height: 580px; }
    .tbl-list {
	    border-right:1px solid #ccc;
	    border-left:1px solid #ccc;
    }
	.tbl-list table thead th,
	.tbl-setting table thead th{
		border:1px solid ;
		border-color:#ccc #ccc #ccc #fff;
		border-top:0;
		padding:6px 0 2px 0;
		background: repeat-x #eee url(/images/section2.gif) 0 -5px;
		text-align:center;
		font-weight:normal;
	}
	.tbl-list table tbody td,
	.tbl-list table tbody th{
		padding: 5px; 
		text-align: left;
		font-weight:normal;
		border-bottom:1px solid #ccc ;
	}
	.tbl-list table tbody td{text-align:center;}
	.tbl-list table tbody  tr:hover {background: #f7eff7; }
	.tbl-list table tfoot td, table tfoot th, table tfoot tr {
		text-align: left; 
		text-transform: uppercase; 
		background: #fff;
		padding: 10px;}
	.tbl-list img, table a {border:0;}
	.tbl-list table tbody td a:hover{color:#FF6600;}
/* -------------------------------------
	灰底 白格線
------------------------------------- */
    .tbl-setting {
	    border:1px solid #ccc;
	    border-top:0;
	    background: #fff;
    }
    
	.tbl-setting tbody th{
		padding: 8px 10px; 
		text-align:right;
		border-bottom:1px solid #fff;
		font-weight:normal;
		background:#eee;
	}
	
	.tbl-setting tbody td {
		padding: 8px 20px; 
		background:#F6F6F6;
		border-bottom:1px solid #fff;
	}
	
    .input-style:hover {
	    border:1px solid #ccc;
	    padding:3px
    }
    
    .tbl-setting span{
	    color:#FF9900;
	    font-size:15px;
	    padding:0 5px;
    }
    
    .tbl-setting a:hover{
	    border-bottom:1px solid #FF9900;
    }
    
    /* -------------------------------------
	    白底灰線
    ------------------------------------- */
    .tbl-gray table {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	    border-collapse: collapse;
	    border-left: 1px solid #ccc;
	    border-top: 1px solid #ccc; 
	    color: #333;
    }
    .tbl-gray table a {
	    text-decoration: none;
	    border-bottom: 1px dotted #f60;
	    color: #f60;
	    font-weight: bold;
    }
    .tbl-gray table a:hover {
        text-decoration: none;
	    color: #fff;
	    background: #f60;
    }
    .tbl-gray table tr th a {color: #369;border-bottom: 1px dotted #369;}
    .tbl-gray table tr:hover{background:#EEEEDE;}
    .tbl-gray table thead tr th {background: #e2e2e2;}
    .tbl-gray table td,.tbl-gray table th {
	    border-right: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	    padding: 5px;
	    line-height: 1.2em;
	    font-size: 1.1em;
	    vertical-align: top;
    }
    .tbl-gray table tr.odd th,.tbl-gray table tr.odd td {background: #efefef;}