body 
{
	-ms-scrollbar-face-color: #88B8E8; 
	-ms-scrollbar-shadow-color: #475B8F; 
    -ms-scrollbar-highlight-color: #FFFFFF; 
    -ms-scrollbar-3dlight-color: #A6CAF0; 
    -ms-scrollbar-darkshadow-color: #475B8F; 
    -ms-scrollbar-track-color: #E2EEFA; 
    -ms-scrollbar-arrow-color:#FFFFFF;
}

.p0-sm 	{ 
	font-size: 7px ;color: #000000; font-family: Arial 
	}
.p0 	{ 
	font-size: 9px ;color: #000000; font-family: Arial 
	}
.p1 	{ 
	font-size: 11px ;color: #000000; font-family: Arial 
	}
.p1b 	{ 
	font-size: 11px ;color: #000000; font-family: Arial; font-weight:bold 
	}
.p1c 	{ 
	font-size: 11px ;color: #000000; font-family: 標楷體,Arial; font-weight:bold 
	}

.p2 	{ 
	font-size: 12px ;color: #000000; font-family: Arial 
	}

.p2b 	{ 
	font-size: 12px ;color: #000000; font-family: Arial; font-weight:bold 
	}
.p2c 	{ 
	font-size: 12px ;color: #000000; font-family: 標楷體,Arial 
	}

.p2s
	{
	font-size: 12px ;
	color: #000000;
	font-family: Arial;
	BACKGROUND: #ffffff url('../images/bg_diag.png');
	BORDER: 0px;
	border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px solid #808080; border-top: 0px; border-left: 0px; border-right: 0px;
	margin: 5px 3px 5px 3px;
	}


.p2sw
	{
	font-size: 12px ;
	color: #959595; 
	font-family: Arial;
	BACKGROUND: #ffffff url('../images/bg_diag.png');
	BORDER: 0px;
	border-left-width: 1px; 
	border-right-width: 1px; 
	border-top-width: 1px; 
	border-bottom: 1px solid #808080; 
	border-top: 0px; 
	border-left: 0px; 
	border-right: 0px;
	}

.p2n
	{
	    font-size: 11px;
	    color: #000000;
	    font-family: Arial;
	    text-align: right;
	}

.p2sn
	{
	font-size: 12px;
	color: #000000; 
	text-align: right;
	font-family: Arial;
	BACKGROUND: #ffffff url('../images/bg_diag.png');
	BORDER: 0px;
	border-left-width: 1px; 
	border-right-width: 1px; 
	border-top-width: 1px; 
	border-bottom: 1px solid #808080; 
	border-top: 0px; 
	border-left: 0px; 
	border-right: 0px;	
}

.p2sx
{
	font-size: 14px ;color: #A64200; font-family: "微軟正黑體",Arial,"新細明體";
	BACKGROUND: #ffffff url('../images/bg_diag.png');
	BORDER: 0px;
	border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px solid #808080; border-top: 0px; border-left: 0px; border-right: 0px;
}

.p2sy
{
	font-size: 12px ;color: #000000; font-family: Arial;
	BACKGROUND: #ffffff url('../images/bg_diag.png');
	BORDER: 0px;
	border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px solid #808080; border-top: 0px; border-left: 0px; border-right: 0px;
	display: none;
}

.p2l
{
    font-size: 11px ;color: #000000; font-family: Arial;
    cursor: pointer;
}

.p2l1
{
    font-size: 11px ;
    color: #996600; 
    font-family: Arial;
    cursor: pointer;
    text-decoration: underline;
}

a:hover {color: Red;}

.p3{ font-size: 13px ;color: #000000; font-family: Arial }
.p4{ font-size: 14px ;color: #000000; font-family: Arial; text-decoration:none; }
.p5{ font-size: 15px ;color: #000000; font-family: Arial; text-align: left; }
.p5b{ font-size: 15px ;color: #000000; font-family: Arial; font-weight:bold }
.p5c{ font-size: 15px ;color: #000000; font-family: 標楷體,Arial; font-weight:bold }
.p6{ font-size: 16px ;color: #000000; font-family: Arial }
.p6b{ font-size: 16px ;color: #000000; font-family: Arial; font-weight:bold }
.p6c{ font-size: 16px ;color: #000000; font-family: 標楷體,Arial; font-weight:bold }
.p10b{ font-size: 28px ;color: #2FCCF8; font-family: 微軟正黑體,Arial; font-weight:bold }

.msgdesc { font-size: 15px ;color: #333333; font-family: 微軟正黑體,新細明體,Arial; text-decoration:none; line-height: 170%; }

.calext { font-size: 9px ;color: #000000; font-family: Arial; text-decoration:none; background-color: #2FCCF8;}

.pwdhint {font-size: 12px ;color: #CC3300; font-family: Arial}

a:link{ color: #000000 ;text-decoration:none; cursor:hand;}
a:visited{ color: #003366 ;text-decoration:none; cursor:hand; }
a:hover{ color: #CC3300 ;text-decoration:underline; cursor:hand; }

.navbar{ background-image:url('images/barbg.gif') ;}

.bginput {
background-color: #ffffff; 
color: #000000; 
font-family: verdana; 
font-size: 10pt; 
border: 1px solid #D0D0D0;
}

.grid-head {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-image: url(images/titlebg.gif);
    text-align:center;
    vertical-align:middle;
    height: 24px;
}

.TextboxWatermark  
{
	font-size: 12px ;color: #ACA899; font-family: Arial;
	BACKGROUND: #ffffff url('../images/bg_diag.png');
	BORDER: 0px;
	border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px solid #808080;
}

.PopupCalendar
{
	background: #C8E3FF;
	color: #CC3300;
}

.PagerCss TD SPAN { FONT-WEIGHT: bold; FONT-SIZE: 15px; WIDTH: 20px; COLOR: #CC0066; font-family:Arial; }

.button {
border-right: #808080 1px solid; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; border-top: 
#808080 1px solid; padding-left: 4px; font-size: 12px; border-left: #808080 
1px solid; cursor: hand; color: black; padding-top: 4px;
border-bottom: #808080 1px solid; background-image:url('../images/topbg.gif');
}

.button:hover {
border-right: #CC0066 1px solid; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; border-top: 
#CC0066 1px solid; padding-left: 4px; font-size: 12px; border-left: #CC0066 
1px solid; cursor: hand; color: black; padding-top: 4px; 
border-bottom: #CC0066 1px solid; background-image:url('../images/chgbg.gif') ;
}

 
.Tag1 { font-size: 10px ;color: #666666; font-family: 微軟正黑體,新細明體,Arial; letter-spacing: 120%; line-height:180%; text-align: justify;}
.Tag2 { font-size: 11px ;color: #669900; font-family: 微軟正黑體,新細明體,Arial; letter-spacing: 120%; line-height:180%; text-align: justify; }
.Tag3 { font-size: 12px ;color: #663300; font-family: 微軟正黑體,新細明體,Arial; letter-spacing: 120%; line-height:180%; text-align: justify; }
.Tag4 { font-size: 14px ;color: #990033; font-family: 微軟正黑體,新細明體,Arial; letter-spacing: 120%; line-height:180%; text-align: justify; }
.Tag5 { font-size: 16px ;color: #FF0066; font-family: 微軟正黑體,新細明體,Arial; letter-spacing: 120%; line-height:180%; text-align: justify; }

.collapsePanel {   
    background-color:white;
    overflow:hidden;
}
 
.collapsePanelHeader
{
    background-position: #666;
    width: 100%;
    height: 30px;
    background: #FFFFFF;
    color: #CC6699;
    font-weight: bold;    
}

.rounded-corners 
{
    behavior: url(border-radius.htc);
    border-radius: 5px;
    background-color: #F0F0BC;
    padding-right: 4px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px;
    border-right: #808080 1px solid;
    border-left: #808080 1px solid;
    border-top: #808080 1px solid;
    border-bottom: #808080 1px solid;
    cursor: pointer;
}

.rounded-corners:hover
{
    behavior: url(border-radius.htc);
    border-radius: 5px;
    background-color: #F5E3BF;
    padding-right: 4px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px;
    border-right: #FF9900 1px solid;
    border-left: #FF9900 1px solid;
    border-top: #FF9900 1px solid;
    border-bottom: #FF9900 1px solid;
    cursor: pointer;
}

.rounded-corners1 
{
    behavior: url(border-radius.htc);
    border-radius: 5px;
    padding-right: 6px; padding-top: 4px; padding-bottom: 4px; padding-left: 6px;
    border-right: #278032 1px solid;
    border-left: #278032 1px solid;
    border-top: #278032 1px solid;
    border-bottom: #278032 1px solid;
    cursor: pointer;
    background-color: #278032;
    color: #ffffff;
}

.rounded-corners1:hover
{
    behavior: url(border-radius.htc);
    border-radius: 5px;
    padding-right: 6px; padding-top: 4px; padding-bottom: 4px; padding-left: 6px;
    border-right: #278032 1px solid;
    border-left: #278032 1px solid;
    border-top: #278032 1px solid;
    border-bottom: #278032 1px solid;
    cursor: pointer;
    color: #f5f70b;
}

.rounded-corners2 
{
    behavior: url(border-radius.htc);
    border-radius: 5px;
    padding-right: 6px; padding-top: 6px; padding-bottom: 6px; padding-left: 6px;
    border-right: #367fa9 1px solid;
    border-left: #367fa9 1px solid;
    border-top: #367fa9 1px solid;
    border-bottom: #367fa9 1px solid;
    cursor: pointer;
    background-color: #3c8dbc;
    color: #ffffff;
}

.rounded-corners2:hover
{
    behavior: url(border-radius.htc);
    border-radius: 5px;
    padding-right: 6px; padding-top: 6px; padding-bottom: 6px; padding-left: 6px;
    border-right: #367fa9 1px solid;
    border-left: #367fa9 1px solid;
    border-top: #367fa9 1px solid;
    border-bottom: #367fa9 1px solid;
    cursor: pointer;
    color: #f5f70b;
}

.badge {
background: radial-gradient( center -9px, circle closest-side, white 0, red 16px );
background: -moz-radial-gradient( center -9px, circle closest-side, white 0, red 16px );
background: -ms-radial-gradient( center -9px, circle closest-side, white 0, red 16px );
background: -o-radial-gradient( center -9px, circle closest-side, white 0, red 16px );
background: -webkit-radial-gradient( center -9px, circle closest-side, white 0, red 16px );
background-color: red;
border: 2px solid white;
border-radius: 11px; /* must be 1/2 of ( border-width*2 + width ) */
box-shadow: 1px 1px 1px black;
color: white;
font: bold 13px/11px Helvetica, Verdana, Tahoma;
height: 14px; /* height + padding-top must equal width */
padding-top: 4px; /* height + padding-top must equal width */
text-align: center;
width: 18px;
}

.textbox { 
    border: 1px solid #c4c4c4; 
    height: 20px; 
    width: 275px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.textbox:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.textboxin { 
    border: 1px solid #c4c4c4; 
    height: 24px; 
    width: 275px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 

.textboxin:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.textboxapv { 
    border: 1px solid #c4c4c4; 
    height: 22px; 
    width: 120px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 

.textboxapv:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.ddlbox { 
    border: 1px solid #c4c4c4; 
    height: 22px; 
    width: 275px; 
    font-size: 11px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 

.ddlboxin:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.chkbox { 
    border: 0px solid #c4c4c4; 
    width: 24px;
    height: 24px; 
    font-size: 11px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
} 

.chkbox:focus { 
    outline: none; 
    border: 0px solid #7bc1f7;
}