@charset "utf-8";
body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
}
#topmenubg {
	background-color: #083465;
	height: 32px;
	text-align: right;
}


#topmenu{
	font-size: 11px;
	color: #aac8d8;
	padding-top: 12px;
	padding-right: 50px;
	margin: 0px;
} 

#topmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #aac8d8;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
#topmenu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#content {
	margin-top: 14px;
	margin-bottom: 12px;
}
#footer {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #e5e5e5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-top: 6px;
	font-weight: normal;
	padding-bottom: 6px;
}
.mainbg {
	background-repeat: no-repeat;
	background-image: url(../images/main_pic_01bg.jpg);
}
/*- Menu Tabs F--------------------------- */
#tabsC
{
	margin:0px;
	width:99%;
	/*若分頁是獨立頁面,可以自訂 tabsC 的 padding 值，並加clear屬性*/
	/*clear:both*/
	/*padding:12px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #A5A5A5;
	border-bottom-color: #A5A5A5;
	border-left-color: #d1d1d1;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d1d1d1;
	height: auto;
}
#tabsF
	{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	font-size:10px;
	line-height:normal;





	*float:none;
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #d1d1d1;
	border-left-color: #FFF;
      	}


#tabsF ul
	{
	margin:0;
	list-style:none;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
      	}

#tabsF li
	{
	display:inline;
	margin:0;
	padding:0;
	}

#tabsF a
	{
	float:left;
	margin:0;
	padding:0px 0 0 4px;
	text-decoration:none;
	background-image: url(../images/tableftF.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #d1d1d1;
	}

#tabsF a span
	{
	float:left;
	display:block;
	color:#333333;
	background-image: url(../images/tabrightF.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 6px;
	}

#tabsF span
	{
	float:left;
	margin:0;
	padding:4px 0 0 4px;
	text-decoration:none;
	background-image: url(../images/tableftF.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#tabsF span span
	{
	float:left;
	display:block;
	padding:9px 15px 5px 6px;
	color:#666;
	background-image: url(../images/tabrightF.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/

	#tabsF a span {float:none;}
	/* End IE5-Mac hack */
	#tabsF a:hover span {
      		color:#000;
		}
#tabsF a:hover
	{
	/*
	background-position:0% -42px;
	*/
	}

#tabsF a:hover span
	{
	/*
	background-position:100% -42px;
	*/
	}

	#tabsF #current a
		{
	background-position:0% -42px;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #FFF;
        	}
	#tabsF #current a span
		{
	background-position:100% -42px;
	color:#FFFFFF;
        	}
	#tabsF #current span span
		{
	background-position:100% -42px;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #FFF;
		}
/*----------------------- 	li	 	---------------------*/
#notive {
	margin:0px;
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
						}	
						
#notive ul {
						list-style-type:none;
						margin:0px; 
						padding:0px; 
						}	
#notive li	{
	background-image: url(../images/dot_01.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	font-size:10px;
	color:#979796;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
						}

#notive li a	{
	color:#333333;
	text-decoration: none;
	font-weight: normal;
						}
#notive li a:hover	{
	color:#0067a8;
	text-decoration:underline;
	font-weight: normal;
						}	
#notive li a:active	{
	color:#0067a8;
						}		

.morebg01 {
	background-image: url(../images/more_1bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 25px;
}
.photo_border01 {
	border: 1px solid #666666;
	padding: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}
#ourservice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	margin-top: 5px;
}
#sidebarcon01 {
	width: 231px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-bottom: 20px;
}
#sidebartop01 {
	background-image: url(../images/top_con_line01.gif);
	background-repeat: repeat-x;
	height: 42px;
	width: 100%;
}

/*sidebar menu */

#subnavlist ul
{
	padding-bottom: 20px;
	margin: 0px;
	display: list-item;
	font-family: Tahoma, Verdana, Arial, Sans Serif;
	font-size: 12px;
	list-style-type: none;
	padding-left: 0px;
	padding-top: 5px;
}
#subnavlist li {
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	margin: 0px;
	height: auto;
	display: list-item;
	line-height: 17px;
}

#subnavlist ul li a
{
	padding-left: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#subnavlist ul li a:link, #subnavlist ul li a:visited
{
	color: #000000;
	text-decoration: none;
	display: list-item;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#subnavlist ul li a:hover
{
	color: #003399;
	background-image: none;
	text-decoration: underline;
	font-weight: bold;
}



/* selected states */
#subnavlist  ul  li  a#subcurrent
{
	color: #000066;
	font-weight: bold;
	background-image: url(../images/arrow_02.gif);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}






.contanttop01 {
	margin-top: 2px;
}

/* banner*/
#Banner {
	height: 149px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px;
}
/* banner photo*/
#Banner DIV.profile {
	background-image: url(../images/Profile_main_pic.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.philosophy {
	background-image: url(../images/Philosophy_main_pic_03.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.history {
	background-image: url(../images/History_main_pic_02.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.organization
 {
	background-image: url(../images/Organization_main_pic_22.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.environment {
	background-image: url(../images/Environment_main_pic_23.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.location {
	background-image: url(../images/Location_main_pic_21.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 131px;
}
#Banner DIV.services01 {
	background-image: url(../images/Services_main_pic_11.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.services02 {
	background-image: url(../images/service_main_pic.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.services03 {
	background-image: url(../images/Services3_main_pic_09.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.services04 {
	background-image: url(../images/Services2_main_pic_09.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.products01 {
	background-image: url(../images/Products_main_pic_08.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.products02 {
	background-image: url(../images/Products4_main_pic_14.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.products03 {
	background-image: url(../images/Products3_main_pic_14.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.quality01 {
	background-image: url(../images/Quality_main_pic_12.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.quality02 {
	background-image: url(../images/Quality_main_pic_12.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.quality03 {
	background-image: url(../images/Quality_main_pic_10.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.login01 {
	background-image: url(../images/about_main_pic_17.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.login02 {
	background-image: url(../images/Quality_main_pic_14.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.quality04 {
	background-image: url(../images/Quality_main_pic_10.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.career01 {
	background-image: url(../images/Careers_main_pic_13.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.career02 {
	background-image: url(../images/sitemap_main_pic_01.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.contact {
	background-image: url(../images/about_main_pic_20.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.rd01 {
	background-image: url(../images/RD_main_pic_15.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.rd02 {
	background-image: url(../images/RD_main_pic_19.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.sitemap {
	background-image: url(../images/sitemap_main_pic_01.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Banner DIV.career03 {
	background-image: url(../images/Careers_main_pic_11.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}


#Banner H2 {
	PADDING-BOTTOM: 0.6em;
	MARGIN: 0px;
	WIDTH: 420px;
	font-size: 16px;
	color: #000086;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}

#Banner img {
	PADDING-BOTTOM: 0.6em;
	MARGIN: 0px;
	padding-top: 0.6em;
}

#Content2 {
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 12px;
	width: 550px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #000000;
	text-align: justify;
}

#Content3 {
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 12px;
	width: 735px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #000000;
	text-align: justify;
}
#Content2 a:hover,#Content3 a:hover {
	text-decoration: none;
}

#Content_directions {
	width: 98%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#righthere {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: left;
	padding-bottom: 3px;
}

.contitle_01 {
	font-size: 14px;
	font-weight: bold;
	color: #174d8d;
}
.contitle_01c {
	font-size: 10pt;
	font-weight: bold;
	color: #174d8d;
	text-align: left;
}
.contitle_02 {
	font-size: 14px;
	font-weight: bold;
	color: #cc6600;
}

.text01{
	font-size: 14px;
	color: #336600;
	text-decoration: underline;
	font-weight: bold;
}
.text01 a, .text01 a:link, .text01 a:visited {
	color: #669933;
	text-decoration: underline;
}
.text02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666666;

}


.sub_contitle_01 {
	font-size: 12px;
	color: #075792;
	font-weight: bold;
}
.sub_contitle_03 {
	font-size: 11px;
	font-weight: bold;
}
.sub_contitle_02 {
	font-size: 12px;
	color: #cc6600;
}
.currect {
	color: #0152ab;
}
#subnavlist  #bbbb1 table {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#subnavlist  #bbbb1  td {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	font-family: Tahoma, Verdana, Arial, Sans Serif;;
	margin: 0px;
}
#subnavlist  #bbbb1   td  a  {
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	background-position: left 10px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 12px;
	background-image: url(../images/arrow_03.gif);
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, Arial, Sans Serif;
	;
}
#subnavlist  #bbbb1   td  a:hover {
	color: #003399;
	text-decoration: underline;
}

#subnavlist  #bbbb1   td a#current{
	color: #000066;
	text-decoration: none;
	font-size: 12px;
	background-position: left 8px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 12px;
	background-image: url(../images/arrow_02.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}


/*new table over*/
#mytable {
	MARGIN: 0px;
	padding: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c1dad7;
}
#mytable CAPTION {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 0px;
	TEXT-ALIGN: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}
#mytable TH {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 12px;
	PADDING-BOTTOM: 6px;
	TEXT-TRANSFORM: uppercase;
	COLOR: #244848;
	PADDING-TOP: 6px;
	LETTER-SPACING: 0px;
	TEXT-ALIGN: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #c1dad7;
	border-right-color: #c1dad7;
	border-bottom-color: #c1dad7;
	background-color: #cae8ea;
	background-image: url(../images/bg_header.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#mytable TH a {
	COLOR: #244848;
	text-decoration: none;
}
#mytable TH a:hover {
	COLOR: #000066;
	text-decoration: underline;
}

#mytable TH.nobg {
	BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #c1dad7 1px solid; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%
}
#mytable TD {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 5px;
	COLOR: #333333;
	PADDING-TOP: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #c1dad7;
	border-bottom-color: #c1dad7;
}
#mytable TR {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c1dad7;
	}
#mytable TD.alt {
	BACKGROUND: #f5fafa;
	COLOR: #333333
}
#mytable TH.spec {
	BORDER-TOP-WIDTH: 0px;
	BACKGROUND: url(images/bullet1.gif) #fff no-repeat;
	BORDER-LEFT: #c1dad7 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#mytable TH.specalt {
	BORDER-TOP-WIDTH: 0px;
	BACKGROUND: url(images/bullet2.gif) #f5fafa no-repeat;
	BORDER-LEFT: #c1dad7 1px solid;
	COLOR: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#mytable #ita td, #mytable #ita tr {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#servicetable01/**/

#mytable #ita {
	MARGIN: 0px;
	WIDTH: 100%;
	padding: 0px;
}
/*----------表格testing services------------------ */


{
	width: 130px;
	margin-right: 5px;
}
#servicetable01   .top1 {
	background-image: url(../images/test_service_top01.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #4f6b72;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 4px;
	background-color: #cfe8ec;
}




/* =Hoverbox Code
----------------------------------------------------------------------*/

#hoverbox
{
	cursor: default;
	list-style: none;
	padding-bottom: 20px;
}

#hoverbox a
{
	cursor: default;
}

#hoverbox a .preview
{
	display: none;
}

#hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -70px;
	left: -15px;
	z-index: 1;
}

#hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

#hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

#hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}
.line  {
	background-image: url(../images/borderLine.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 1px;
}
.sub_contitle_04 {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}
/*--------------------------------  	li	 	---------------------*/
#li01 ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
						}	

#li01 li {
	background-image: url(../images/arrow_05.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	font-size:11px;
	line-height:17px;
	color:#666666;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
						}
.list02/*--------------------------------------------------   ul, em, i, form	 ---------------------*/	
 {
	margin-right: 1px;
	margin-left: 1px;

}					
#list  ul, .list02  ul {
						list-style-type:none;
						margin:0px; 
						padding:0px; 
						}	
#metastuff LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
em, i {
						font-style:normal;
						}						
form {
						padding:0px;
						margin:0px;
						}			
/*-----------------------------------------------------  	li	 	---------------------*/
#list li	{
	background-image: url(../images/arrow_05.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	font-size:11px;
	line-height:18px;
	color:#000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
						}
#list li a	{
						color:#66B8D9;
						font-size:11px;
						text-decoration:underline;
						}
#list li a:hover	{
						color:#66B8D9;
						font-size:11px;
						text-decoration:none;
						}	
.list02  li	{
	background-image: url(../images/arrow_04.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	font-size:11px;
	line-height:18px;
	color:#000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	text-align: left;
						}
.list02  li  a	{
	color:#000066;
	font-size:11px;
	text-decoration:underline;
						}
.list02  li  a:hover	{
	color:#0152ab;
	font-size:11px;
	text-decoration:none;
						}		
.sidetop {
	background-image: url(../images/sidebar_down_02_1.gif);
	background-repeat: no-repeat;
	height: 25px;
	background-position: bottom;
}
.sidedown {
	background-image: url(../images/sidebar_down_02_3.gif);
	background-repeat: no-repeat;
	height: 66px;
}

.sidebg {
	background-image: url(../images/sidebar_down_02_2.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-position: top;
}
#sidephoto/* side photo*/
 {
	margin-top: 6px;
	margin-bottom: 2px;
}


#sidephoto  .about {
	background-image: url(../images/sidebar01.jpg);
	background-repeat: no-repeat;
	height: 46px;
}
#sidephoto .service {
	background-image: url(../images/sidebar02.jpg);
	background-repeat: no-repeat;
	height: 46px;
}
#sidephoto .product {
	background-image: url(../images/sidebar03.jpg);
	background-repeat: no-repeat;
	height: 46px;
}
#sidephoto .career {
	background-image: url(../images/sidebar07.jpg);
	background-repeat: no-repeat;
	height: 46px;
}
#sidephoto .contact {
	background-image: url(../images/sidebar09.jpg);
	background-repeat: no-repeat;
	height: 46px;
}
#sidephoto .rd {
	background-image: url(../images/sidebar05.jpg);
	background-repeat: no-repeat;
	height: 46px;
}
#sidephoto .login {
	background-image: url(../images/sidebar08.jpg);
	background-repeat: no-repeat;
	height: 46px;
}
#sidephoto .qm {
	background-image: url(../images/sidebar04.jpg);
	background-repeat: no-repeat;
	height: 46px;
}
#servicetable01 .bg1 {
	background-image: url(../images/test_service_bg01.gif);
	background-repeat: repeat-y;
}
#servicetable01 .down1 {
	background-image: url(../images/test_service_down01.jpg);
	background-repeat: no-repeat;
	height: 13px;
}
#servicetable01 .bg2 {
	background-image: url(../images/test_service_bg02.gif);
	background-repeat: repeat-y;
}
#servicetable01 .down2 {
	background-image: url(../images/test_service_down02.jpg);
	background-repeat: no-repeat;
	height: 13px;
}

/*corner style*/
#Content3 td.top {
	background-image: url(../images/corner/test_service_top_1_01.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 582px;
}
#Content3  .down {
	background-image: url(../images/corner/test_service_down_1_01.gif);
	background-repeat: no-repeat;
	height: 18px;
}
#Content3   td.sbg {
	background-image: url(../images/corner/test_service_bg_1_01.gif);
	background-repeat: repeat-y;
	padding-right: 16px;
	padding-left: 16px;
}
.sub_contitle_05 {
	font-size: 12px;
	color: #FF3300;
	font-weight: bold;
	font-style: italic;
}
/*login*/

#login01 {
	background-image: url(../images/login_1.jpg);
	background-repeat: no-repeat;
	height: 143px;
	width: 295px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 46px;

}
#login02 {
	background-image: url(../images/login_3.jpg);
	background-repeat: no-repeat;
	height: 143px;
	width: 295px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 46px;

}
#login01 TABLE, #login02 TABLE {
	FONT-SIZE: 11px
}
#login01 INPUT, #login02 INPUT {
	FONT-SIZE: 11px;
	border: 1px solid #666666;
}
#login01 .error, #login02 .error {
	FONT-SIZE: 12px;
	font-weight: bold;
	color: #CC0000;
	margin-top: 26px;
}
#sidephoto .sitemap {
	background-image: url(../images/sidebar10.jpg);
	background-repeat: no-repeat;
	height: 46px;
}
#sidephoto .news {
	background-image: url(../images/sidebar11.jpg);
	background-repeat: no-repeat;
	height: 46px;
}
#Banner DIV.news01 {
	background-image: url(../images/about_main_pic_19.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	height: 149px;
}
#Content3  H3 {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #27968d;
	margin-top: 2px;
	padding-bottom: 3px;
	margin-bottom: 0px;
}
#Content3 .date {
	font-size: 10px;
	color: #003399;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	margin-bottom: 6px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	margin-top: 2px;
	padding-right: 5px;
	padding-top: 0px;
}
#sitemap .title {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #d7313b; FONT-FAMILY: "Verdana"
}
#sitemap .title a {
	COLOR: #d7313b;
}
#sitemap .title a:hover {
	COLOR: #d7313b;
	text-decoration: underline;
}
#sitemap td.leftbg2 {
	BACKGROUND-IMAGE: url(../images/corner_middle_left_home.gif);
	BACKGROUND-REPEAT: repeat-y;
	background-color: #FFFFFF;
}
#sitemap a {
	color: #000000;
	text-decoration: none;
}
#sitemap a:hover {
	color: #003399;
	text-decoration: underline;
}

/* service photo box --------------------------------------------*/

#ita #sphotobox
{
	cursor: default;
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style: none;

}

#ita #sphotobox a
{
	cursor: default;
}

#ita #sphotobox a .preview
{
	display: none;
}

#ita #sphotobox a:hover .preview
{
	display: block;
	position: absolute;
	z-index: 1;
	top: -70px;
	left: -15px;
}
#ita #sphotobox img
{
	background: #fff;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 105px;
	height: 79px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #ccc;
	border-bottom-color: #ddd;
	border-left-color: #bbb;
}

#ita #sphotobox .preview
{
	width: 206px;
	height: 155px;
	padding: 1px;
	background-color: #CCCCCC;
	border: 1px solid #333333;
}
#ita #sphotobox li
{
	color: inherit;
	display: inline;
	margin: 0px;
	padding: 0px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ddd;
	border-right-color: #bbb;
	border-bottom-color: #aaa;
	border-left-color: #ccc;
}
/* =Hoverbox02 Code
----------------------------------------------------------------------*/

#hoverbox02
{
	cursor: default;
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style: none;

}

#hoverbox02 a
{
	cursor: default;
}

#hoverbox02 a .preview
{
	display: none;
}

#hoverbox02 a:hover .preview
{
	display: block;
	position: absolute;
	z-index: 1;
	top: -70px;
	left: -15px;
}
#hoverbox02 img
{
	background: #fff;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 80px;
	height: 59px;
	margin: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #ccc;
	border-bottom-color: #ddd;
	border-left-color: #bbb;
}

#hoverbox02 .preview
{
	width: 200px;
	height: 148px;
	padding: 1px;
	background-color: #CCCCCC;
	border: 1px solid #333333;
}
#hoverbox02 li
{
	color: inherit;
	display: inline;
	margin: 0px;
	padding: 0px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ddd;
	border-right-color: #bbb;
	border-bottom-color: #aaa;
	border-left-color: #ccc;
}
/* =Hoverbox03 Code
----------------------------------------------------------------------*/

#hoverbox03
{
	cursor: default;
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style: none;

}

#hoverbox03 a
{
	cursor: default;
}

#hoverbox03 a .preview
{
	display: none;
}

#hoverbox03 a:hover .preview
{
	display: block;
	position: absolute;
	z-index: 1;
	top: -70px;
	left: -15px;
}
#hoverbox03 img
{
	background: #fff;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 80px;
	height: 104px;
	margin: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #ccc;
	border-bottom-color: #ddd;
	border-left-color: #bbb;
}

#hoverbox03 .preview
{
	width: 208px;
	height: 270px;
	padding: 1px;
	background-color: #CCCCCC;
	border: 1px solid #333333;
}
#hoverbox03 li
{
	color: inherit;
	display: inline;
	margin: 0px;
	padding: 0px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ddd;
	border-right-color: #bbb;
	border-bottom-color: #aaa;
	border-left-color: #ccc;
}
/* =Hoverbox04 Code
----------------------------------------------------------------------*/

.hoverbox04
{
	cursor: default;
	list-style: none;
}

.hoverbox04 a
{
	cursor: default;
}

.hoverbox04 a .preview
{
	display: none;
}

.hoverbox04 a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox04 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 115px;
	height: 150px;
}

.hoverbox04 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox04 .preview
{
	border-color: #000;
	width: 250px;
	height: 326px;
}
/*sidebar menu new*/
.sidem01 a
{
	padding-left: 10px;
	font-size: 12px;
	display: block;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #000000;
}

.sidem01 a:link, .sidem01 a:visited
{
	color: #000000;
	text-decoration: none;
}

.sidem01 a:hover
{
	color: #003399;
	text-decoration: none;
	background-image: url(../images/sidebar_dot_01.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
}

.sidem01 a#current
{
	color: #000000;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../images/sidebar_dot_01.gif);
	font-weight: bold;
}