/*STYLE step panels Projects*/
body {
	margin-left: 0px;
	margin-top: 0px;
	background-image: url(images/img01.jpg);
	background-color: #7eb0d3;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-y;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.style_stepnone {
    font-family:Arial,"細明體";
	font-size: 11px;
	text-align:center;
	color: #999;
	font-weight:bold;
	padding-top:3px;
	

}
.style_stepactived {
	background:url(Images/btn-panel_01-actived.png);no-repeat scroll 100% 0 transparent;
    font-family:Arial,"細明體";
	font-size: 11px;
	text-align:center;
	color: #FFF;
	border-left:#FFF 1px;
	border-right:hidden;
	-moz-border-radius: 3px;
	font-weight:bold;
	padding-top:3px;

}

.style_projects {
	font-family:Arial,"細明體";
  	font-size: 12px;
	color: #C60;
	font-weight:normal;
	padding-left:20px;
	
}

.td01{
	background:url(Images/btn-panel_01.png);no-repeat scroll 100% 0 transparent;
    border-left:#CCC 1px;
	border-right:#ccc 1px;
	border-style: solid;
	margin: 0;
	-moz-border-radius: 3px;
    padding: 0px;
}

a.step1:link {
	text-decoration:none;
	color: #999;
	

}

a.step1:hover {
	color: #C00;
	font-weight:bold;
	padding-top:3px;
	text-decoration:none;
	text-align:center;

}




.style_body {
    font-family:Arial,"細明體";
	font-size: 15px;
	color: #000;
	font-weight:normal;

}

.style_body_err {
    font-family:Arial,"細明體";
	font-size: 15px;
	color: #F00;
	font-weight:normal;

}

.style_menutop {
    font-family:Arial,"細明體";
	font-size: 20px;
	color: #FFF;
	font-weight:bold;
	text-shadow: #000 1px 1px 1px;
	
}
.style_timeserver {
	font-family:Arial,"細明體";
  	font-size: 12px;
	color: #CCC;
	line-height:28px;
	font-weight:normal;
	
}


.style_postedbottom {
	font-family:Arial,"細明體";
  	font-size: 12px;
	color: #666;
	line-height:28px;
	font-weight:normal;
	text-align:center;
	
}
.style_user {
	font-family:Arial,"細明體";
  	font-size: 12px;
	color: #FFF;
	line-height:28px;
	font-weight:normal;
	
}
.style_usernameS {
	font-family:Arial,"細明體";
  	font-size: 12px;
	color: #999;
	line-height:28px;
	font-weight:normal;
	
}
.style_username {
	font-family:Arial,"細明體";
  	font-size: 12px;
	color: #FF3;
	line-height:28px;
	font-weight:normal;
	
}
.style_mainTitle {
	font-family:Arial,"細明體";
  	font-size: 18px;
	color: #000;
	font-weight:bold;
	padding-top:10px;
	
}

.style_page {
	font-family:Arial,"細明體";
  	font-size: 11px;
	color: #06C;
	line-height:28px;
	font-weight:bold;
	
}


.tdright{
    border-left:#999999 1px;
	border-right:#FFF 1px;
	border-bottom:#999999 1px;
    border-style: solid;
	border-top:hidden;
	margin: 0;
    padding: 0px;
	background-color:#FFF;
	background-repeat: repeat-x;
	
	

}

.tdleft{
    border-left:1px;
	border-right:1px;
	border-bottom:#3e3e3e 1px;
    border-style: solid;
	border-top:hidden;
	margin: 0;
    padding: 0px;
	background-color:#3e3e3e;
	background-repeat: repeat-x;
	
	

}


/*STYLE LEFT MENU*/

.style_submenu {
	font-family:Arial,"細明體";
  	font-size: 13px;
	color: #FF6;
	line-height:15px;
	padding-bottom:2px;
	font-weight:bold;
	text-shadow: #000 1px 1px 1px;
}
.style_submenu01_actived {
	font-family:Arial,"細明體";
  	font-size: 12px;
	color: #FFF;
	line-height:20px;
	padding-bottom:2px;
	padding-left:8px;
	font-weight:bold;
	text-shadow: #000 1px 1px 1px;
}
.style_submenu01 {
	font-family:Arial,"細明體";
  	font-size: 12px;
	color: #999;
	line-height:20px;
	padding-bottom:2px;
	font-weight:bold;
	text-shadow: #000 1px 1px 1px;
}

a.style01:link {  
   	color: #fff;
	text-decoration:none;
	text-shadow: #000 1px 1px 1px;
}

a.style01:visited {  
   	color: #fff;
	text-decoration:none;
	text-shadow: #000 1px 1px 1px;
}

a.style01:hover {  
    color: #FBEB81;
	text-decoration:none;
	text-shadow: #000 1px 1px 1px;


}

/* STYLE MAIN TOP MENU */

a.button1:link {  
       	text-decoration:none;
		display: inline;
		font-family:Arial,"細明體";
		font-size: 12px;
		color: #FFF;
}

a.button1:visited {  
       	text-decoration:none;
		display: inline;
		font-family:Arial,"細明體";
		font-size: 12px;
		color: #FFF;
		font-weight:bold;
}

a.button1:hover {  
        background:url(Images/img_03.png);no-repeat scroll 100% 0 transparent;
        display: inline;
        -webkit-border-radius: 4px; 
        -moz-border-radius:4px;  
        border-radius: 4px;
		border-style:solid;
		border-width:1px;
		border-color:#404040;
		padding:3px 10px 4px 10px;
		text-decoration:none;
		font-family:Arial,"細明體";
		font-size: 12px;
		color: #FFF;
		font-weight:bold;
			
}

.style_linkActived{
    background:url(Images/img_03.png);no-repeat scroll 100% 0 transparent;
        display: block;
        -webkit-border-radius: 4px; 
        -moz-border-radius:4px;  
        border-radius: 4px;
		border-style:solid;
		border-width:1px;
		border-color:#404040;
		padding:3px 8px 4px 8px;
		text-decoration:none;
		font-family:Arial,"細明體";
		font-size: 12px;
		color: #fde689;
		font-weight:bold;
		
}

/* STYLE BUTTON */


a.button2:link{
    background:url(Images/img_05.png);/*no-repeat scroll 70% 0 transparent;*/
        display: block;       
        -webkit-border-radius: 4px; 
        -moz-border-radius:4px;  
        border-radius: 4px;
		border-style:solid;
		border-width:1px;
		border-color:#b4988a;
		padding:2px 10px 2px 10px;
		text-decoration:none;
		font-family:Arial,"細明體";
		font-size: 12px;
		color: #b37c61;
		font-weight:bold;
		text-align:center;
		box-shadow: 0px 0px 2px #B6B6B6;
}
a.button2:visited{
    background:url(Images/img_05.png);/*no-repeat scroll 70% 0 transparent;*/
        display: block;        
        -webkit-border-radius: 4px; 
        -moz-border-radius:4px;  
        border-radius: 4px;
		border-style:solid;
		border-width:1px;
		border-color:#b4988a;
		padding:2px 10px 2px 10px;
		text-decoration:none;
		font-family:Arial,"細明體";
		font-size: 12px;
		color: #b37c61;
		font-weight:bold;
		text-align:center;
		box-shadow: 0px 0px 2px #B6B6B6;
}
a.button2:hover{
    background:url(Images/img_05.png);/*no-repeat scroll 70% 0 transparent;*/
        display: block;
        -webkit-border-radius: 4px; 
        -moz-border-radius:4px;  
        border-radius: 4px;
		border-style:solid;
		border-width:1px;
		border-color:#b4988a;
		padding:2px 10px 2px 10px;
		text-decoration:none;
		font-family:Arial,"細明體";
		font-size: 12px;
		color: #ca4605;
		font-weight:bold;
		text-align:center;
		box-shadow: 0px 0px 2px #B6B6B6;
}

a.button4:link{
		background-color: #369; 
		display: block;       
        -webkit-border-radius: 4px; 
        -moz-border-radius:4px;  
        border-radius: 4px;
		border-style:solid;
		border-width:1px;
		border-color:#CCC;
		padding:5px 10px 5px 10px;
		text-decoration:none;
		font-family:Arial,"細明體";
		font-size: 13px;
		color: #FFF;
		font-weight:bold;
		text-align:center;
		box-shadow: 0px 0px 2px #FFF;
}
a.button4:visited{
	 background-color: #369; 
		display: block;       
        -webkit-border-radius: 4px; 
        -moz-border-radius:4px;  
        border-radius: 4px;
		border-style:solid;
		border-width:1px;
		border-color:#ccc;
		padding:5px 10px 5px 10px;
		text-decoration:none;
		font-family:Arial,"細明體";
		font-size: 13px;
		color: #FFF;
		font-weight:bold;
		text-align:center;
		box-shadow: 0px 0px 2px #fff;
}
a.button4:hover{
    background-color: #369; 
		display: block;       
        -webkit-border-radius: 4px; 
        -moz-border-radius:4px;  
        border-radius: 4px;
		border-style:solid;
		border-width:1px;
		border-color:#ccc;
		padding:5px 10px 5px 10px;
		text-decoration:none;
		font-family:Arial,"細明體";
		font-size: 13px;
		color: #F90;
		font-weight:bold;
		text-align:center;
		box-shadow: 0px 0px 2px #fff;
}





/* STYLE SEARCH TABLE*/

.black12b {font-size: 12px;color: #000; text-align:right; font-family: Arial,"細明體";font-weight: bold;}
.blackSUBTOTAL {font-size: 15px;color: #000; text-align:right; font-family: Arial,"細明體";font-weight: bold;}

/* STYLE ERP*/

.black12c {font-size: 15px;color: #000; font-family: Arial,"細明體";font-weight: bold;}
.black12d {font-size: 13px;color: #000; font-family: Arial,"細明體";font-weight: bold; text-align:center;}
.s1 {font-size: 15px;color: #F60; font-family: Arial,"細明體";font-weight: bold;}



input.myBox
{
    border: 0px solid #000000;
	border-left:hidden;
	border-top:hidden;
	border-right:hidden;
    border-bottom-width:1px;
	border-bottom-color:#CCC;
    background-color: transparent;
	font-size:12px;
	color:#666;
	font-family:Arial,"細明體";
}
input.myBoxNumber
{
    border: 0px solid #000000;
	border-left:hidden;
	border-top:hidden;
	border-right:hidden;
    border-bottom-width:1px;
	border-bottom-color:#CCC;
    background-color: transparent;
	text-align:right;
	font-size:12px;
	color:#666;
	font-family:Arial,"細明體";
}


.style_searchbox{
    font-family:Arial,"細明體";
	font-size: 14px;
	color: #FC0;
	font-weight:normal;
	/*-moz-border-radius: 7px;*/
	background-color:#f7f2f2;
	border-color:#d6c4c4;
	padding:10px 10px 10px 10px;
	border-left:#d6c4c4 1px;
	border-right:#d6c4c4 1px;
	border-bottom:#d6c4c4 1px;
    border-top:#d6c4c4 1px;
	border-style: solid;
	margin: 0;
	box-shadow: 0px 0px 3px #CCC;

}


/* STYLE TABLE */


.black12 {font-size: 12px;color: #000000; text-align:center; font-family: Arial,"細明體";}
.TextBox {
	BORDER-BOTTOM: #bababa 1px solid; BORDER-LEFT: #bababa 1px solid; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 2px; font-family:Arial, "細明體"; COLOR: #000000; FONT-SIZE: 13px; BORDER-TOP: #bababa 1px solid; BORDER-RIGHT: #bababa 1px solid; 
}

.style_roundborder{
    font-family:Arial,"細明體";
	font-size: 14px;
	color: #FC0;
	font-weight:normal;
	background-color:#FFF;
	border-color:#CCC;
	padding:10px 10px 10px 10px;
	border:#CCC 1px;
	border-style: solid;
	margin: 0;
 	box-shadow: 0px 0px 3px #CCC;

}

.style_boxblue{
    font-family:Arial,"細明體";
	font-size: 14px;
	color: #FC0;
	font-weight:normal;
	background-color:#eceff0;
	border:#c6ced1 1px;
	padding:10px 10px 10px 10px;
	border-style: solid;
	margin: 0;
	
}
.style_boxpink{
    font-family:Arial,"細明體";
	font-size: 14px;
	color: #FC0;
	font-weight:normal;
	background-color:#F3F3F3;
	border:#CCC 1px;
	/*padding:10px 10px 10px 10px;*/
	border-style: solid;
	margin: 0;
	
}



.listHead_projects {
  font-family: Arial,"細明體";
  font-size: 14px;
  color: #000;
  font-weight:bold;
  line-height:20px;
  padding:0px;
  BACKGROUND: #C2DBE8;
  
}

.listHead {
  font-family: Arial,"細明體";
  font-size: 12px;
  color: #FFF;
  font-weight:normal;
  line-height:20px;
  padding:0px;
  BACKGROUND: #39C;
  
  
}
  
  
  
  .listHead_sale {
  font-family: Arial,"細明體";
  font-size: 13px;
  color: #000;
  font-weight:bold;
  line-height:20px;
  padding:0px;
  BACKGROUND: #b3c6d0;   
  
  
}
.border_table{
    border-left:#c6ced1 1px;
	border-right:#c6ced1 1px;
	border-bottom:#c6ced1 1px;
    border-top:#c6ced1 1px;
	border-style: hidden;
	margin: 0;
    padding:0px;
	background-color:#FFF;
	background-repeat: repeat-x;
	box-shadow: 0px 0px 3px #CCC;

}
.border_table2{
    border-left:#c6ced1 1px;
	border-right:#c6ced1 1px;
	border-bottom:#c6ced1 1px;
    border-top:#c6ced1 1px;
	border-style: hidden;
	margin: 0;
    padding:0px;
	background-color:#45aede;
	background-repeat: repeat-x;
	box-shadow: 0px 0px 3px #CCC;
}

TR.listBody1 {
  font-family: Arial,"細明體";
  font-size: 12px;
  color: #000000;
  line-height:20px;
  font-weight:normal;
  BACKGROUND: #FFF;
}

TR.listBody0 {
  font-family: Arial,"細明體";
  font-size: 12px;
  color: #000000;
  line-height:20px;
  font-weight:normal;
  BACKGROUND: #E3F2FB;
  }

TR.listBodyHover {
  font-family: Arial,"細明體";
  font-size: 12px;
  color: #000000;
  line-height:20px;
  font-weight:normal;
  BACKGROUND: #f1f2f2;
}
	
a.listLink {
  font-family: Arial,"細明體";
  font-size: 13px;
  color: #000000;
  font-weight:bold;
  text-decoration: none;
}
a.listLink:hover {
  font-family: Arial,"細明體";
  font-size: 13px;
  color: #990000;
  font-weight:bold;
  text-decoration: none;
}

.red2 {font-size: 12px;color: #C30; font-family: Arial,"細明體";font-weight: bold;}
.redTotal {font-size: 15px;color: #F00; font-family: Arial,"細明體";font-weight: bold; text-align:right;}
.redTotal02 {font-size: 17px;color: #F00; padding-left:20px; font-family: Arial,"細明體";font-weight: bold;}
.black15 {font-size: 12px;color: #000; padding-left:20px; font-family: Arial,"細明體";font-weight: normal;}
.blue2 {font-size: 13px;color: #0099ff; padding-left:12px; font-family: Arial,"細明體";font-weight: bold; line-height:18px;}
.blue3 {font-size: 13px;color: #0099ff; font-family: Arial,"細明體";font-weight: bold;}

/* STYLE TABS*/

.blue1 {font-size: 13px;color: #09F;  padding-left:20px; font-family: Arial,"細明體";font-weight: normal; line-height:18px;}
.black14 {font-size: 12px;color: #333; font-family: Arial,"細明體";font-weight: normal; text-align:right;}
.red1 {font-size: 12px;color: #F00; font-family: Arial,"細明體";font-weight: normal;}

 #navlist
{
margin: 0;
padding-bottom: 19px;
padding-left: 0px;
height:7px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background-image:url(Images/img_07.png);
border: 1px solid #ccc;
color: #999;
float: left;
font-size: 12px;
font-weight: bold;
line-height: 14px;
margin-right: 3px;
line-height:28px;
padding: 0px 10px 0px 10px;
text-decoration: none;
height:25px;
font-family: Arial,"細明體"; font-size: 12px;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #EAEFF2;
border-bottom: 1px solid #EAEFF2;
color: #660000;
font-weight:bold;
font-size:12px;
}

#navlist a:hover { color: #660000; font-family: Arial,"細明體"; font-size: 12px; }

body.section-1 #navlist li#nav-1 a,
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #f7f2f2;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1,
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a,
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}