/******Table******/
.Table01
{
	border: 1px solid #666666;
	margin: 10px 0px 10px 0px;
	empty-cells: show;
}


.tdHead
{
	padding: 5px;
	text-align: right;
	vertical-align: middle;
	background-color: #F1F1E3;
	border-bottom: solid 1px #666666;
	color: #333333;
}

.tdCell
{
	margin: 0px;
	border-bottom: solid 1px #666666;
	vertical-align: middle;
	color: #333333;
	padding: 5px;
}
.tdLeft
{
	padding: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	text-align: left;
}

.td01
{
	padding: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
}
.td02
{
	padding: 5px;
}

/******GridView******/
.GVStyle1
{
	padding: 0px;
	margin: 0px;
	table-layout: inherit;
	empty-cells: show;
}
.GVStyle1 th
{
	padding: 5px;
	background-color: #FFFFCC;
	text-align: center;
	font-weight: normal;
}

.GVStyle1 tbody
{
	 
}

.GVStyle1 td
{
	padding: 5px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
}
.GVStyle1 a:visited, .GVStyle1 a:link
{
	text-decoration: none;
	color: #0099FF;
}

.GVStyle1 a:hover
{	
	color:Red;	
}
/******DIV******/
.RightDiv
{
	padding: 0px;
	margin: 0px;
	float: right;
}
.LeftDiv
{
	padding: 0px;
	margin: 0px;
	float: right;
}

/*Query
--------------------------------------------------------------------------------------------------------*/
.Query
{
	padding: 0px;
	margin: 0px;
}
.Query span
{
}
.Query .KeyField
{
	padding: 0px;
	margin: 0px;
	border: 1px solid #333333;
	background-color: #FFFFCC;
}
.Query .bt
{
	padding: 0px;
	margin: 0px;
	vertical-align: text-bottom;
}

/*EditField
--------------------------------------------------------------------------------------------------------*/

.EditFieldCenter
{
	text-align: center;
	/*background-color: #FFFFCC;*/
	border: 1px solid #999999;
	padding: 1px;
	margin: 0px 5px 0px 5px;
}

.EditFieldLeft
{
	margin: 0px 5px 0px 5px;
	text-align: left; /*background-color: #FFFFCC;*/
	border: 1px solid #999999;
	padding: 1px;
	display: inline;
}
.EditFieldRight
{
	margin: 0px 5px 0px 5px;
	text-align: right; /*background-color: #FFFFCC;*/
	border: 1px solid #999999;
	padding: 1px;
}

.EditField
{
	text-align: left; /*background-color: #FFFFCC;*/
	border: 1px solid #999999;
	padding: 1px;
	margin: 2px;
	
}

.EditFieldNoBorder
{
	text-align: left; /*background-color: #FFFFCC;*/
	border: 1px none #999999;
	padding: 0px;
	margin: 0px 5px 0px 5px;
}
.EditFieldCalendar
{
	margin: 0px 5px 0px 5px;
	text-align: center; /*background-color: #FFFFCC;*/
	border: 1px solid #999999;
	padding: 1px;
	width: 80px;
}

.DropdownList
{
	border: 1px solid #999999;
	background-color: #FFFFCC;
	display: inline;
	margin: 1px 0px 1px 0px;
	vertical-align: middle;
    height: 17px;
}

input
{
	margin: 1px 0px 1px 0px;
	display: inline;
	vertical-align: middle;
}

/*Login*/
/*內容區塊-1欄式
--------------------------------------------------------------------------------------------------------*/

 #content
{
	margin-right: 15px;
	margin-left: 15px;
}

.main_td
{
	background-color: #F8F9FA;
	border-bottom: #C6C9D5 1px solid;
	
	width: 705px;
}

.biaoti{
	font-size:15px;
	line-height: 20px;
	padding: 10px 10px 10px 10px;
	color: #69718F;
}

.Copyright{
	font-size:12px;
	line-height: 20px;
	padding: 10px 10px 10px 10px;
	color: #69718F;

}

/*Board*/
/* 
--------------------------------------------------------------------------------------------------------*/
.Board
{
	background: url( '../Images/Board_Center.gif' ) repeat-y;
	width: 500px;
	padding: 0;
	margin: 0 auto;
}
.Board h3
{
	background: url( '../Images/Board_Top.gif' ) no-repeat;
	padding: 20px 20px 0;
	font-size: 170%;
	margin: 0;
}
	
.Board p {
	  padding: 10px 20px 0; 
	  margin: 0;
	  text-indent:2em;
	}

.Board p.last
{
	padding: 0px 20px 20px 20px;
	background: url(   '../Images/Borad_Buttom.gif' ) no-repeat left bottom;
}

/*Board*/
/* 
--------------------------------------------------------------------------------------------------------*/
.cssModalBackground
{
	filter: alpha(opacity=50); /* IE */
	-moz-opacity: 0.5; /* Moz + FF */
	background-color: #999999;
	position: fixed;
	display: inline;
}
    
.ModalPopup
{
	border: 3px solid #FFFFFF;
	background-color: #ECEDD6;
}

 .ModalHead
{
	padding: 5px;
	height: 25px;
	background-color: #009999;
	display: block;
}

.ModalHead span
{
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
	font-size: 14pt;
	color: #FFFFFF;
}

 .ModalHead20
{
	padding: 5px;
	height: 20px;
	position: relative;
}
 .ModalHead20 span
{
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
	font-size: 14pt;
}

.Closebtn
{
	position: absolute;
	top: 5px;
	right: 5px;
 }

 .ModalHead p
{
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
	font-size: 14pt;
	color: #FFFFFF;
}

.ModalHead20 p
{
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	color: #666666;
}

 .ModalContent
{
	padding: 5px;
	margin: 5px;
	background-color: #FFFFFF;
	
}
.Panel1
{
    margin: 10px auto;
    padding: 10px;
    height: 300px;
    width: 600px;
    background-color: #FFFFCC;
    border: 1px solid #999999;
    display: block;
}
.Panel2
{
    margin: 10px auto 10px auto;
    padding: 10px;
    width: 90%;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    text-align: center;
}

.Panel3
{
    margin: 5px auto;
    padding: 5px;
    width: 450px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}
.Panel4
{
	padding: 10px 10px 10px 20px;
	width: 460px;
	background-color: #FFFFFF;
	text-align: left;
}
.Panel5
{
    margin: 5px auto;
    padding: 5px;
    width: 98%;
    border: 1px solid #999999;
    display: block;
}
.Panel6
{
    margin: 0px auto;
    padding: 5px;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #666666;
    display: block;
}

.Panel7
{
    margin: 0px auto 0px auto;
    padding: 0px 5px 5px 5px;
    width: 98%;
    display: block;
}

.Panel8
{
    border: 1px solid #999999;
    margin: 5px;
    padding: 5px;
    display: inline;
}

.PanelPct
{
    margin: 0px auto 0px auto;
    padding: 0px 5px 5px 5px;
    width: 100px;
    display: block;
    background-color: #666666;
    height: 10px;
}

p.p_A1
{
    background-position: center top;
    color: #666666;
    font-weight: bold;
    margin: 2px;
    line-height: 2em;
    text-decoration: none;
    background-image: url('Images/software_box.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    text-align: center;
    height: 34px;
    width: 142px;
    vertical-align: top;
    padding-top: 120px;
    
}

 p.p_A2
{
    background-position: center top;
    color: #666666;
    font-weight: bold;
    margin: 2px;
    line-height: 2em;
    text-decoration: none;
    background-image: url('Images/home_2.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    text-align: center;
    height: 34px;
    width: 142px;
    vertical-align: top;
    padding-top: 120px;
    
}
p.p_A3
{
    background-position: center top;
    color: #666666;
    font-weight: bold;
    margin: 2px;
    line-height: 2em;
    text-decoration: none;
    background-image: url('Images/candy_clock.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    text-align: center;
    height: 34px;
    width: 142px;
    vertical-align: top;
    padding-top: 120px;
    
}

p.p_A4 
{
    background-position: center top;
    color: #666666;
    font-weight: bold;
    margin: 2px;
    line-height: 2em;
    text-decoration: none;
     background-image: url('Images/save.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    text-align: center;
    height: 34px;
    width: 142px;
    vertical-align: top;
    padding-top: 120px;
    
}

p.p_A5
{
    background-position: center top;
    color: #666666;
    font-weight: bold;
    margin: 2px;
    line-height: 2em;
    text-decoration: none;
     background-image: url('Images/keyboard.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    text-align: center;
    height: 34px;
    width: 142px;
    vertical-align: top;
    padding-top: 120px;
    
}