﻿/* CSS Reset */

/*******nav*******/

.ctl00_NavigationMenu_0 {
	background-color:white;
	visibility:hidden;
	display:none;
	position:absolute;
	left:0px;
	top:0px;
}
.ctl00_NavigationMenu_1 {
	text-decoration:none;
}
.ctl00_NavigationMenu_2 {
	height:30px;
}
.ctl00_NavigationMenu_3 {
	border-style:none;
}
.ctl00_NavigationMenu_4 {
}
.ctl00_NavigationMenu_5 {
	border-style:none;
}
.ctl00_NavigationMenu_6 {
}
.ctl00_NavigationMenu_7 {
}
.ctl00_NavigationMenu_8 {
	border-style:none;
}
.ctl00_NavigationMenu_9 {
}
.ctl00_NavigationMenu_10 {
	border-style:none;
}
.ctl00_NavigationMenu_11 {
}
.ctl00_NavigationMenu_12 {
	border-style:none;
}
.ctl00_NavigationMenu_13 {
}




*{	font-family: Arial, Verdana, Sans-Serif;/*	margin:0;	padding:0;*/}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,blockquote,th,td{padding: 0; margin: 0;/*    font-family:Verdana, Sans-Serif;*/}

body{/*    font-family:Verdana, Sans-Serif;*/padding: 0; margin:0 auto;  /*讓顯示置中*/ width:998px;/*    background-color:#DFE;  設定瀏覽器底色*/}

p{/* font-family:Verdana, Sans-Serif;*/	padding: 0; margin: 0; line-height:1.7em;/*    font-size:14px;*/}

pre{padding: 0; margin: 0; font-size:1em;}

table{border-collapse: collapse; border-spacing: 0;}

fieldset,img{border: 0;}

address,caption,cite,code,dfn,em,strong,th,var{font-weight: normal; font-style: normal;}

ol,ul{list-style: none;}

caption,th{text-align: left;}

/*h1,h2,h3,h4,h5,h6
{
	font-weight:normal;
    font-size: 100%;
}*/

q:before,q:after{content:'';}

abbr,acronym{border: 0;}
/* CSS Reset end */

/**
{margin:0;padding:0;}*/

.tablerow
{
/*	border-bottom: solid 1px GreenYellow;*/
	border-right:solid 1px DimGray;
	text-align:left;
}

/* index.aspx begin */
.indexunionl
{
	float:left;
    width:255px;

    margin:5px 0;
}

.indexunionr
{
	float:left;
	border-top:1px solid #7A7A7A;
	border-right:1px solid #7A7A7A;
	border-bottom:1px solid #7A7A7A;
    width:738px;
    height:134px;
    margin:5px 0px 0px 0px;
}

.indexunionr1
{
	float:left;
	border-top:1px solid #7A7A7A;
	border-right:1px solid #7A7A7A;
	border-bottom:1px solid #7A7A7A;
    width:738px;
    height:134px;

}

.index_left
{
	float:left;
    width:255px;
    height:140px;
    margin:0 0 1px 0;
}

.index_right
{
	float:left;
	width:361px;
	height:93px;
	margin:0 0 1px 0;
}

.ulstyle1
{
	margin:0 0 1em 2em;
	font-size:14px;
	list-style-type:square;
}

.ulstyle2
{
	margin:0 0 1em 2em;
	font-size:14px;
	list-style-type:circle;
}

.ulstyle3
{
	margin:0 0 1em 2em;
	font-size:14px;
	list-style-type:disc;
}
/* default.aspx end */

/* main.master begin */
.header
{
	vertical-align:bottom;  /*設定內容物垂直靠下*/
    text-align: center;     /*設定內容物置中*/
    background: url(../images/head.jpg) no-repeat left center;
    height: 130px;
/*    border:solid 1px #000;*/
/*	border:solid 1px Black; 測試用 */
}

.sitesearch
{
/*	float:left;
	text-align:right;
	height:3.6em;
	width:998px;*/
/*	background-color:Transparent;*/
	float:right;
	padding:0.3em 0.3em 0 0;
	color:Black;
/*	border:solid 1px Black; 測試用 */
}

.home
{
	float:left;
	margin-top:0.9em;
	width:15em;
	height:2.5em;
	background:Transparent;
/*	border:solid 1px Black; 測試用 */
/*	background-color:Transparent;*/
}

.navigationmenu
{
	clear:left;
	float:left;
	margin:44px 0 0 0;
/*	font-family:Verdana;*/
	font-size:1em;
	color:#FFF;
	font-weight:bold;
/*	padding-right:2px;*/
/*	z-index:101;*/
/*	background-image:url(../Images/bg-black.gif);*/
/*	border:solid 1px Black; 測試用 */
}

.staticmenuitemstyle
{
/*	width:90px;*/
/*	text-align:center;*/
/*	display:block;*/
/*	padding-right:1px;*/
/*	margin-bottom:1px;*/
}

.staticmenuitemselectedstyle
{
/*	border:solid 1px #000;*/
}

.statichoverstyle
{
/*	background-image:url(../Images/bg-black.gif);*/
}

.menuitem
{
/*	line-height:10em;
	padding-bottom:1px;*/
/*	display:block;*/
/*    border:solid 1px Black;*/
}

.dynamicmenuitemstyle
{
/*	width:130px;*/
	text-align:left;
	height:31px;
/*	display:block;*/
	/*	border:solid 1px #000;*/
	background-color:White;/*:#141414;#001100;transparent;Silver;*/
/*	color:Red;*/
/*	z-index:200;*/
/*	position:relative;*/
}

.menuitemmouseover,.menuitemselected
{
/*	border:solid 1px Navy;*/
/*	color:White;
	background-image:url(../Images/bg-black.gif);*/
}

.navigationmenu a:link,.navigationmenu a:visited,.navigationmenu a:active
{
	text-decoration:none;
	color:#FFF;
	display:block;
}

.searchlink
{ 
	background-color:Transparent;
	clear:both;
	float:right;
	
	margin-top:-2em;
	*margin-top:4em ; 
	
	/*  margin:4em 0.8em 0 0 ;  */
	height:1.5em;
	width:14em;


}

.adapter
{
	float:left;
	margin:0 0.3em 0 0;
/*	padding:0.5em;*/
	height:1.6em;
	width:6.6em;
}

.software
{
	float:right;
	margin-right:1em;
	height:1.6em;
	width:6.6em;
}

#e
{
	border:solid 1px #919191;
	background-image:url(../Images/sub.gif);
	padding:0 0 1px;
}

.currentnodestyle,.nodestyle,.rootnodestyle,a.sitemappath
{
	text-decoration:none;
	font-family:Verdana;
	font-size:10pt;
}

.homepage
{
    background:#c1c2c6 url(../images/leftbar.jpg) repeat-x left top;
	height:auto;
	width:998px;
}

.supplier
{
	float:left;
	height:auto;
/*	border:solid 1px Black; 測試用 */
}

/*content*/
.div-left
{
	float:left;
/*	width:798px;*/
	width:998px;
	background:White;/*:#CC9900;*/
/*	border:solid 1px Black; 測試用 */
}

.submenu
{
	float:left;
	width:184px;
	
	margin-top:0;	/*20101025Eason_H*/
	margin-left:0;	/*20101025Eason_H*/
	height:auto;
	/*margin-top:2em;*/
	/*margin-left:1em;*/
	line-height:2em;
}

/*content*/
.maincontent
{
	float:left;
	width:798px;
/*	height:auto;*/
	background:White;/*:#CC9900;*/
/*	height:500px;*/
/*	border:solid 1px Black; 測試用 */
}

.footer
{
	clear:both;
/*	float:right;*/
    text-align: center;
	background:url(../images/footer.jpg) no-repeat left center;
	color:White;
    height:51px;
    width:998px;
/*	border:solid 1px Yellow; 測試用 */
}
/* main.master end */

/* hilo_company begin */
.title_box
{
	width:798px;
	height:4em;
/*	background-color:Silver;*/
}

.titletag
{
	float:left;
	width:1em;
	height:23px;
	margin:1em 1em;
/*	background-color:Black;*/
}

.title
{
	float:left;
	width:600px;/*798px;*/
	text-align:left;
	margin:1em 0;
/*	height:23px;*/
	line-height:1.5em;
	vertical-align:middle;
/*	background:Yellow;*/
/*	height:2em;*/
/*	margin-top:1em;
	margin-left:0.5em;
	width:760px;*/
	color:#FF4A12;/*Red;*/
/*	border:solid 1px Black;   測試用 */
}

/*content*/
.border01 
{
	float:left;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	margin-left:1em;
	padding-top:0.5em;
	vertical-align:top;
/*	padding-top:30px;*/
	width:190px;
	height:auto;/*:500px;*/
/*	background-color:Silver; 測試用 */
}

/*content*/
.border-r01
{
	float:left;
    background: url(../images/union/title.png) no-repeat right bottom;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:590px;
	height:500px;
/*	background-color:Silver; 測試用 */
}

.border01_l
{
	float:left;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	margin-left:1em;
	padding-top:0.5em;
	vertical-align:top;
/*	padding-top:30px;*/
	width:270px;
	height:auto;/*:500px;*/
/*	background-color:Silver; 測試用 */
}

.border-lr
{
	float:left;
    background: url(../images/union/title.png) no-repeat right bottom;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:510px;
	height:500px;
	text-align:justify;
/*	background-color:Yellow; 測試用 */
}

.special-01
{
	height:700px;
}

/* hilo_mission begin */
.pset
{
	color:Red;
	margin:1.3em 0 0.5em 0;
/*	padding:0 1.2em;*/
/*	margin:0 0.5em;*/
/*	font-size:1.2em;*/
/*	margin-left:1em;*/
}
/* hilo_mission end */

/* hilo_history 大事紀說明 begin */
.history_box
{
	text-align:left;
	margin-left:1em;
	line-height:1.2em;
	width:782px;
	height:auto;
/*	background-color:Silver;*/
}

.history_left 
{
	float:left;
	vertical-align:top;
	padding-top:0.5em;
	width:160px;
/*	background-color:Silver; 測試用 */
}

.desc1300
{
/*	position:relative;*/
	vertical-align:top;
/*	padding-left:10px;*/
	text-align:left;
	width: 568px;
/*	height:500px;*/
/*	background-color:Silver; 測試用 */
}

.desc1300 h4
{
	margin-top:0.2em;
	color:Red;
}

.ulstyle5
{
	margin:0 0 1.6em 1.5em;
	font-size:1em;/*:14px;*/
	list-style-type:disc;
}
/* hilo_history 大事紀說明 end */
/* hilo_company end */

/* hilo_contact begin */
.contact_imgtitle
{
	vertical-align:top;
	text-align:center;
	margin:0.5em 0 1em 1em;
	width:780px;
	height:2em;
/*	background-color:Silver; 測試用 */
}

.dotstyle2
{
	background:url(../images/dot-1.jpg) repeat-x left top;
	height:1em;
	margin:0 1.2em 0 0;
}

.contact_table
{
	height:auto;/*:1530px;*/
	vertical-align:top;
	margin:1em 1em;
	width:760px;
	text-align:left;
/*	background-color:Silver; 測試用 */
/*	width:765px;*/
/*	width:735px;
	margin:1em 0 1em 2em;*/
}

.div-panel1
{
/*	float:left;*/
/*	font-size: 2em;*/
/*	padding-left:2em;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:200px;/*:557px;*/
	height:200px;
/*	background-color:Silver; 測試用 */
}

.div-panel2
{
/*	float:left;*/
/*	font-size: 2em;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:520px;
	height:200px;
/*	background-color:Silver; 測試用 */
}

/* maillink */
.maillink
{
	text-decoration: none;
	color: #000000;
/*	font-size : 13px ;
	letter-spacing : 0px ; 
	font-style : normal ; 
	font-weight : normal ; 
	font-family : Arial;  */
	line-height : normal ;
}

.maillink a
{
	text-decoration: none;
	color:blue;
/*	color: #D9412E;*/
/*	font-size : 14px ;
	letter-spacing : 0px ; 
	font-style : normal ; 
	font-weight : normal ; 
	font-family : Arial;*/  
	line-height : normal ;
}

.maillink a:visited
{
	text-decoration: none;
	color:blue;
/*	color: #D9412E;*/
/*	font-size : 14px ;
	letter-spacing : 0px ; 
	font-style : normal ; 
	font-weight : normal ; 
	font-family : Arial;*/  
	line-height : normal ;
}

.maillink a:hover 
{
	color:red;/* #D9412E;	*/
	text-decoration:underline;
/*	font-size : 14px ;
	letter-spacing : 0px ; 
	font-style : normal ; 
	font-weight : normal ; 
	font-family : Arial ;  */
	line-height : normal ;
}	

.maillink a:active
{
/*    text-decoration: none
	color:blue;*/
/*    COLOR: #D9412E;*/
/*    font-size : 14px;
	letter-spacing : 0px ; 
	font-style : normal ; 
	font-weight : normal ; 
	font-family : Arial ;  */
	line-height : normal ;
}

.seprate
{
/*	background:url("~/images/hilo06/dot1.jpg" )  left center;*/
	text-align:right;
	height:3em;
	width:750px;
}
/* hilo_contact end */

/* programming_service begin */
.ulstyle6
{
	margin:0.5em 0 1em 1em;
	font-size:1em;
	list-style-type:disc;
}

.ulstyle8
{
	margin:0.5em 0 1em 2em;
	font-size:1em;
	list-style-type:disc;
}

.programming_rightcontent 
{
	float:left;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:590px;
	height:auto;
/*	background-color:Silver; 測試用 */
}

.programming_leftprocess 
{
	float:left;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	margin-left:1.8em;
	padding-top:0.5em;
	vertical-align:top;
/*	padding-top:30px;*/
	width:240px;
	height:auto;/*:500px;*/
/*	background-color:Silver; 測試用 */
}

.programming_rightprocess
{
	float:left;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:500px;
	height:auto;
/*	background-color:Yellow; 測試用 */
}

.programming_rprocess01
{
	float:left;
	margin-top:0.6em;
	margin-bottom:0.3em;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:500px;
	height:50px;
/*	background-color:Yellow; 測試用 */
}

.programming_rprocess02
{
	float:left;
	margin-top:3.2em;
	margin-bottom:1.9em;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:500px;
	height:30px;
/*	background-color:Orange; 測試用 */
}

.programming_rprocess03
{
	float:left;
	margin-top:1.8em;
	margin-bottom:1.9em;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:500px;
	height:50px;
/*	background-color:Orange; 測試用 */
}

.programming_rprocess04
{
	float:left;
	margin-top:1.5em;
	margin-bottom:1.4em;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:500px;
	height:50px;
/*	background-color:Orange; 測試用 */
}

.programming_processtop
{
	margin:2.4em 0;
/*	padding:0 1.2em;*/
/*	margin:0 0.5em;*/
/*	font-size:1.2em;*/
/*	margin-left:1em;*/
}
/* programming_service end */

/* performance begin */
.performance_total
{
	width:768px;
	height:250px;
	margin:0 1.5em 1em 1.5em;
/*	background-color:Silver; 測試用 */
}

.performance_left
{
	float:left;
	width:320px;
	height:154px;
	padding:3em 1.5em;
/*	background-color:Maroon; 測試用 */
}

.performance_right
{
	float:left;
	width:400px;
	height:250px;
	text-align:right;
/*	background-color:Teal; 測試用 */
}
/* performance end */
/* inquiry begin */
.programming_inquiry1
{
	text-align:center;
	margin:1em;
	width:770px;
	height:auto;/*:480px;*/
/*    background-color:Silver; 測試用 */
}

.programming_inquiry1panel
{
	background:#E0E0E0;
	margin:0.5em 1.2em 1em;
/*	margin:0.5em 1.2em 2.2em;*/
	padding:1.5em 1.5em;
	width:685px;
	height:auto;/*:380px;*/
}

.programming_inquiry1left
{
	float:left;
	text-align:right;
/*	background-color:Yellow;*/
	width:560px;
	height:auto;/*:380px;*/
}

.programming_inquiry1right
{
	float:left;
	text-align:left;
/*	line-height:1.6em;*/
/*	background-color:Green;*/
	width:125px;
	height:1.25em;/*:380px;*/
	margin:0.2em 0 0.25em 0;
}

.programming_inquiry1lefchecklabel
{
	float:left;
/*	background-color:#BB0000;*/
	text-align:right;
	margin:0.2em 0 0 0;
	width:142px;
	height:auto;
}

.programming_inquiry1lefcheckboxl
{
	float:left;
/*	background-color:#0000FE;*/
	text-align:left;
	margin:0.2em 1em 0 0;
	width:120px;
	height:110px;
}

.programming_inquiry1lefcheckboxr
{
	float:left;
/*	background-color:#00FF00;*/
	text-align:left;
	margin-top:0.2em;
	width:222px;
	height:110px;
}

.customer_repairinput
{
	float:left;
/*	background-color:#BB0000;*/
	text-align:left;
	width:560px;
	height:auto;
}

.div-table
{
	height:auto;
/*	height:1550px;*/
	vertical-align:top;
/*	margin:1em 0.5em;*/
	margin:1em 1em;
	width:760px;
	text-align:left;
/*	background-color:Silver; 測試用 */
/*	width:765px;*/
/*	width:735px;
	margin:1em 0 1em 2em;*/
}

/*.div-tableoffset1
{
	height:2990px;
}*/

/*.div-03
{
	text-align:left;
	float:left;
	margin-top:1em;
	margin-left:0.5em;
	width:760px;
	height:400px;
	background-color:Silver;
}*/

/*table.div-03
{
	height:1800px;
}*/

/* hilo4300 說明文字 */
.div-03 div
{
	text-align:left;
/*	border:solid 1px Black;  測試用 */
}

h3.title
{
	margin-left:1.2em;
	width:540px;
}

.ulstyle4
{
	margin-left:3em;
	font-size:10px;
	list-style-type:disc;
}

/* content==>hilo2100 */
.border02 
{
	float:left;
/*	font-size: 2em;*/
	padding-left:3em;
	margin-left:0.5em;
	vertical-align:top;
/*	padding-top:30px;*/
	width:190px;
	height:500px;
/*	background-color:Yellow;*/
}

.border03 
{
	float:left;
/*	font-size: 2em;*/
/*	padding-left:10px;*/
	margin-left:0.5em;
	vertical-align:top;
/*	padding-top:30px;*/
	width:580px;
	height:500px;
/*	border:solid 1px Black; 測試用 */
}

.border04 
{
	float:left;
/*	font-size: 2em;*/
	margin:1em 2em;
/*	vertical-align:top;*/
/*	padding-top:30px;*/
	width:130px;
	height:500px;
/*	border:solid 1px Black; 測試用 */
}

/* hilo2100 leftside */
#div-01
{
/*	background:Black;*/
	float:left;
	margin:0 1em;
	width:779px;
	height:auto;
/*	height:1300px;*/
/*	border:solid 1px Black; 測試用 */
}

/* hilo2100 rightside */
#div-02
{
	float:left;
	margin:1em 1em 1em 0;
	width:230px;
	height:500px;
/*	border:solid 1px Black; 測試用 */
}

.div-04
{
	text-align:left;
	float:left;
	margin:0 1.2em 1em;
	width:760px;
/*	background-color:Yellow;*/
/*	border:solid 1px Black;  測試用 */
}

.div-04 div
{
	text-align:center;
/*	margin:1em 1em 0 1em;*/
}

.userinput
{
	background-color:Silver;
	margin:0 1em;
	padding:1em 0;
	text-align:center;
/*	border:solid 1px Black;  測試用 */
}

.adswsearch
{
	float:left;
	margin:0 0.5em;
	width:760px;
/*	height:335px;*/
/*	border:solid 1px Black; 測試用 */
}

#h
{
	background:#CCCFFF;
	padding:5px 0 6px 10px;
}

/* hilo2100 header */
.header-01
{
	background:url("../images/000.jpg" ) no-repeat left top;
/*	background:YellowGreen;*/
/*	background-color:YellowGreen;*/
	color:White;
	text-align:center;
	padding:0.5em 0 0 0;
/*	margin:1em 0;*/
	width:800px;
	height:35px;
/*	border:solid 2px Yellow;*/
}

.prod_imgdiv
{
/*	background:YellowGreen;*/
	float:left;
	width:194px;
	height:220px;
	text-align:center;
/*	background:url("../images/products/hl21111.jpg") no-repeat center center;*/
}

/* hilo2100 header */
.header-02
{
	background-color:Black;
	color:Red;
	text-align:center;
	padding:1em 0 0 0;
	width:210px;
	height:30px;
/*	border:solid 1px Black; 測試用 */
}

.hiddendiv
{
/*	float:left;	*/
	display:none;
}

.desc2100
{
	text-align:left;
	padding-top:0.3em;
	height:4.5em;
	width:165px;
	background-color:Silver;
	color:Red;
}

p em
{
	color:Black;
}

#infozone
{
	background-image:url(../Images/bg-black.gif);
/*	background-color:Black;*/
	margin-top:0.5em;
	margin-left:0.7em;
	font-size:12px;
	color:White;  /*:#aa6;*/
	overflow:hidden;
	width:760px;
	height:20px;
}

#infozone div
{
	height:20px;
	line-height:20px;
	white-space:nowrap;
	overflow:hidden;
}

.fontcolor01
{
	color:#990033;/*Red;*/
}

.fontsize1
{
	font-size:1em;
}

.fontsize1 span
{
	margin-left:3.5em;
}

/* products */
.prod_block
{
	height:auto;
/*	height:1550px;*/
	vertical-align:top;
/*	margin:1em 0.5em;*/
	margin:0em 1em;
	width:760px;
	text-align:left;
/*	background-color:Silver; 測試用 */
}

.prod_title
{
	margin:0em 1em;
	width:520px;
	text-align:center;
}

.prod-left1
{
	float:left;
	text-align:justify;
/*	font-size: 2em;*/
/*	padding-left:2em;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:520px;
/*	height:auto;*/
	height:400px;
/*    background-color:Yellow; 測試用 */
}

.prod-right1
{
	float:left;
/*	font-size: 2em;*/
	vertical-align:top;
	text-align:left;
	margin-left:1em;
	margin-bottom:1em;
/*	margin-top:10px;*/
/*	padding-top:1em;*/
	width:200px;
	height:390px;
/*    background-color:Green; 測試用 */
}

.prod-left2
{
	float:left;
	text-align:justify;
/*	font-size: 2em;*/
/*	padding-left:2em;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:520px;
/*	height:auto;*/
	height:470px;
/*    background-color:Yellow; 測試用 */
}

.prod-right2
{
	float:left;
/*	font-size: 2em;*/
	vertical-align:top;
	text-align:left;
	margin-left:1em;
	margin-bottom:1em;
/*	margin-top:10px;*/
/*	padding-top:1em;*/
	width:200px;
	height:460px;
/*    background-color:Green; 測試用 */
}

.div-left1
{
	float:left;
	text-align:justify;
/*	font-size: 2em;*/
/*	padding-left:2em;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:520px;
	height:auto;
/*	height:480px;*/
/*    background-color:Yellow; 測試用 */
}

.div-right1
{
	float:left;
/*	font-size: 2em;*/
	vertical-align:top;
	text-align:left;
	margin-left:1em;
	margin-bottom:1em;
/*	margin-top:10px;*/
/*	padding-top:1em;*/
	width:200px;
	height:auto;/*:470px;*/
/*    background-color:Green; 測試用 */
}

.div-left2
{
	float:left;
/*	font-size: 2em;*/
/*	padding-left:2em;*/
	vertical-align:top;
/*	padding-top:30px;*/
	width:520px;
	height:20px;
/*	border:solid 1px Black; 測試用 */
}

.div-right2
{
	float:left;
/*	font-size: 2em;*/
	vertical-align:top;
	text-align:left;
	margin-left:1em;
/*	padding-top:1em;*/
	width:200px;
	height:20px;
/*	border:solid 1px Black; 測試用 */
}

.div-leftoffset1
{
	height:680px;
}

.div-leftoffset2
{
	height:1280px;
}

.div-rightoffset1
{
	height:670px;
	width:200px;
	text-align:left;
	vertical-align:top;
}

.div-rightoffset2
{
	height:1270px;
}

.div-leftoffset3
{
	height:520px;
}

.div-rightoffset3
{
	height:510px;
}

.sale01
{
	border:solid 1px Black;
    border-collapse:collapse;
    text-align:center;
}

.sale01-field1
{
	border:solid 1px Black;
    width: 686px;
    height: 2em;
    border-collapse: collapse;
	text-align:left;
}

th.sale01-field1
{
/*	border:solid 1px Black;
    width: 686px;
    height: 2em;
    border-collapse: collapse;*/
	text-align:center;
}

.sale01-field2
{
	border:solid 1px Black;
    width: 273px;
    height: 2em;
    border-collapse: collapse;
    text-align:center;
}

.at3320-field1
{
	border:solid 1px Black;
    width: 500px;
    height: 2em;
    border-collapse: collapse;
	text-align:left;
	font-size:0.8em;
}

th.at3320-field1
{
/*	border:solid 1px Black;
    width: 686px;
    height: 2em;
    border-collapse: collapse;*/
/*	font-size:0.5em;*/
	text-align:center;
}

.at3320-field2
{
	border:solid 1px Black;
    width: 290px;
    height: 2em;
    border-collapse: collapse;
    text-align:center;
	font-size:0.8em;
}

.docusearch
{
	height:175px;
	width:183px;
	text-align:left;
	vertical-align:top;
	margin:0.2em 0 0 1.5em;
	font-size:0.7em;
/*	background-color:Yellow;*/
/*	border:solid 1px Black; 測試用 */
}

.ddset
{
	margin-left:0;
/*	border:solid 1px Black; 測試用 */
}

.toplink
{
	text-decoration: none;
	color: #000000;
}

.toplink a
{
	text-decoration: none;
	color:Silver;
}

.toplink a:visited
{
	text-decoration: none;
	color:Silver;
}

.toplink a:hover 
{
	color:Black;/* #D9412E;	*/
	text-decoration:none;
}

.arealink
{
	text-decoration: none;
	color:Silver;
}

.arealink a:link
{
	text-decoration: none;
	color:Black;/* #D9412E;	*/
/*	color:Silver;*/
}

.arealink a:visited
{
	text-decoration: none;
	color:Silver;
/*	color: #000000;*/
}

.arealink a:hover 
{
	text-decoration:none;
	color:Silver;
}

/*<![CDATA[*/
.wrap_content
{
	float:left;
	background:url(../images/q2008118151351.jpg) right top no-repeat
}
 
.content_left
{
	float:left;
	background:url(../images/q2008118151351.jpg) left top  no-repeat;
	width:10px;
	height:10px;
	overflow:hidden;
}

.content_bottom
{
	clear:both;
	float:left;
	background:url(../images/q2008118151351.jpg) left bottom  no-repeat;
	padding-left:10px;
}

.web_content
{
	clear:both;
	float:left;
	background:url(../images/q2008118151351.jpg) right bottom  no-repeat;
	padding:0 10px 10px 0;
}
/*]]>*/

.joindesc
{
	margin:1em 1em 0.5em 1em;
	width:770px;
	height:auto;
/*	background-color:Gray; 測試用 */
/*	height:200px;*/
}

.joindesc_word
{
	margin:0 1em 0 2em;
	width:730px;
/*	background-color:Silver; 測試用 */
/*	height:200px;*/
}

.joindesc h3
{
	text-align:center;
}

/*.joincompany p
{
	width:100px;
	border:solid 1px Black;
}*/

.rightside
{
	float:right;
	margin:0 1.2em;
}

.leftside
{
	float:left;
	margin:0 1.2em;
}

.leftside1
{
	float:left;
	margin:1.3em 0 0 0;
}

.joincompany
{
	margin:1em;
	width:770px;
	height:280px;
/*    background-color:Silver; 測試用 */
}

.joincompanypanel
{
	background:#E0E0E0;
	margin:2.2em 1.2em;
	padding:1.5em 1.5em;
	width:685px;
	height:180px;
}

.joinabout
{
	margin:1em;
	width:770px;
	height:210px;
/*	border:solid 1px Black; 測試用 */
}

.joinaboutpanel
{
	background:#E0E0E0;
	margin:2.2em 1.2em;
	padding:1.5em 1.5em 1.5em 0;
	width:710px;
	height:110px;
}
	
.joinused
{
	margin:1em;
	width:770px;
	height:auto;
/*	height:250px;*/
	text-align:center;
/*	border:solid 1px Black; 測試用 */
}

.joinusedpanel
{
	background:#E0E0E0;
	margin:2.2em 1.2em 1em 1.2em;
	padding:0 1.5em 0 0;
/*	padding:1.5em 1.5em 1.5em 0;*/
	width:710px;
	height:auto;
/*	height:110px;*/
}
	
.join_message
{
	border:Solid 2px Green;
/*	background:#E0E0E0;*/
	margin:4em 10em;
	padding:2em 2em;
	width:600px;
	height:180px;
}

.join_mailok
{
	text-align:center;
	width:auto;
	height:auto;
}

.dotstyle1
{
	background:url(../images/dot-1.jpg) repeat-x left top;
	height:0.5em;
	margin:0.5em 1.8em 0.5em 2em;
}

.submenulink
{
	color:Black; /* #D9412E;	*/
	text-decoration:none;
	font-weight:bold;
}

.submenulinkselected,.submenulinkhover
{
	/*color:White;  #D9412E;	*/
	color:#ADD8E6;
	text-decoration:none;
	font-weight:bold;
}

.dismap
{
	background:url(../images/contact_map.jpg) no-repeat left top;
	margin:1em 1em 0 1em;
	width:770px;
	height:440px;
}

.disarea
{
	margin:0 1em;
	font-weight:bold;
	float:left;
	width:770px;
	height:20px;
/*    border:Solid 1px Black; 測試用 */
}

.disarea span span
{
	margin:0 2.7em;
}

.search_doculeft
{
	float:left;
	text-align:center;
	width:150px;
	height:120px;
	margin:0 0 1em 2em;
	line-height:120px;
}

.search_datasheet
{
	float:left;
	text-align:center;
	width:150px;
	height:220px;
	margin:0 0 1em 2em;
	line-height:220px;
}

.search_datasheetright
{
	float:left;
	width:548px;
	height:188px;
	margin:0 0 1em 0.5em;
	padding:1em;
	background:#E0E0E0;
}

.search_datasheet01
{
	float:left;
	width:274px;
	height:220px;
	line-height:3em;
/*	margin-bottom:1em;*/
/*	margin:0 0 1em 0.5em;*/
}

.search_docuright
{
	float:left;
	width:548px;
	height:88px;
	margin:0 0 1em 0.5em;
	padding:1em;
	background:#E0E0E0;
}

.search_docuright01
{
	float:left;
	width:274px;
	height:88px;
	line-height:3em;
/*	margin-bottom:1em;*/
/*	margin:0 0 1em 0.5em;*/
}

.search_docuright02
{
	float:left;
	width:200px;
	height:88px;
	line-height:3em;
/*	margin-bottom:1em;*/
/*	margin:0 0 1em 0.5em;*/
}

.search_docuright03
{
	float:left;
	width:87px;
	height:88px;
	line-height:0.1em;
/*	margin-bottom:1em;*/
/*	margin:0 0 1em 0.5em;*/
}

.search_h5lh
{
	height:1.8em;
	line-height:1.8em;
}

.ulstyle7
{
	margin:0.2em 0 0.7em 1.5em;
	font-size:12px;
	list-style-type:disc;
}

.search_swdyspan
{
	float:left;
	height:20px;
	vertical-align:bottom;
	width:20px;
}

.search_swdy
{
	float:left;
	margin:0.1em 0 0 0;
	height:20px;
	line-height:20px;
	text-align:left;
	width:190px;
}

.search_swdy1
{
	float:left;
	height:20px;
	margin:0.1em 0 0 0;
	line-height:20px;
	text-align:right;
	width:110px;
}

.search_swdy2
{
	float:left;
	height:20px;
	margin:0.1em 0 0 0;
	line-height:20px;
	text-align:left;
	width:300px;
}

.union_clear
{
	clear:both;
}

.mfr_linkalpha
{
	float:left;
	width:20px;
	height:25px;
	line-height:25px;
	text-align:center;
	margin:0 0.1em 0 0;
	color:White;
	background:DimGray;
	text-decoration: none
}

/*.mfr_linkalpha a:link, a:visited {text-decoration: none;}*/
/*.mfr_linkalpha a:visited {text-decoration: none}*/
/*.mfr_linkalpha a:hover {text-decoration: none; background:Red; color:White;}*/
/*.mfr_linkalpha a:active {text-decoration: none}*/

/*.mfr_linkalpha a:link, a:visited {text-decoration: none; color: blue}
.mfr_linkalpha a:hover {text-decoration: underline; color: red; background: yellow}*/

/*.mfr_linkno
{
	float:left;
	width:40px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:0 0.1em 0 0;
	color:White;
	background:DimGray;
}*/

.mfr_linkblock
{
/*	margin:0 auto;*/
/*	background-color:Yellow;*/
	margin:0 6.5em;
	width:580px;
	height:auto;
/*	height:30px;*/
	text-align:center;
}

.mfr_inquiry1
{
	text-align:left;
	margin:0 2em;
	width:760px;
	height:auto;/*:480px;*/
/*    background-color:Silver; 測試用 */
}

#floater
{
	z-index: 10;
    left: 90%;
    top: 95%;
    visibility: visible;
    width: 55px;
    height: 37px;
    position:absolute;
    text-align:center;
}
/*.to_top
{*/   
/*	z-index: 10;
    left: 90%;
    top: 95%;
    visibility: visible;
    width: 55px;
    height: 37px;
    position:absolute;
    text-align:center;*/
/*	position: absolute;
	left: 600;
	top: 146;
	width: 125;
	visibility: visible;
	z-index: 10;
}*/

.testing_process1
{
	float:left;
	height:50px;
	line-height:50px;
	text-align:center;
	vertical-align:middle;
	width:200px;
	border:solid 1px black;
	margin:0 0 0.5em 2em;
/*	background-color:#66CC00;*/
}

.testing_process2
{
	float:left;
	height:34px;
	line-height:50px;
	width:60px;
/*	border:solid 1px black;*/
	margin:0 0 0.5em 0;
	padding:1em 0 0 1em;
}

.testing_process3
{
	float:left;
	height:50px;
	width:450px;
/*	border:solid 1px black;*/
	margin:0 0 0.5em 0;
}

.testing_process4
{
	float:left;
	height:45px;
	width:650px;
/*	border:solid 1px black;*/
	margin:0 0 0.5em 2em;
	padding-left:5em;
}

.testing_process5
{
	float:left;
	height:80px;
	line-height:80px;
	text-align:center;
	vertical-align:middle;
	width:200px;
	border:solid 1px black;
	margin:0 0 0.5em 2em;
}

.testing_process6
{
	float:left;
	height:51px;
	line-height:80px;
	width:60px;
/*	border:solid 1px black;*/
	margin:0 0 0.5em 0;
	padding:1.8em 0 0 1em;
}

.testing_process7
{
	float:left;
	height:80px;
	width:450px;
/*	border:solid 1px black;*/
	margin:0 0 0.5em 0;
}

.testing_process8
{
	float:left;
	height:34px;
	width:450px;
/*	border:solid 1px black;*/
	margin:0 0 0.5em 0;
	padding-top:1em;
}