@charset "utf-8";
/* CSS Document */
/* ------------- IE6: _底線  IE7/6: *星號 --------------- */
@import "reset.css";

body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif,"新細明體";
	font-size:75%;
	text-align:center;
	line-height:1.5em;/*指定行高*/
	color:#595757;
	letter-spacing: 0.1em;
}

ul {
list-style-type: none;
}

h1{
font-size:150%;
}

h2{
font-size:117%;
color:#003169;
}

p{ 
letter-spacing: 0.1em;/*指定字距*/
}

a{
text-decoration:none;
color:#FFFFFF;
}

em{
font-style:normal;
color:#F90;
}

a:link{
text-decoration:none;
color:#FFFFFF;
}

a:hover{
text-decoration:none;
color:#FFCC33;
}

#wrapper{
position: relative;
margin: 0 auto;
width: 780px;
text-align: left;

}
#header{
/*background-color:gray;*/
width: 780px;
height:346px;
}

#top{
width:780px;
}

#logo{
float:left;
width:292px;
height:105px;
background:url(../images/logo.jpg) no-repeat;
}

#logo h1{
font-size:1px;
padding-left:999999999999999999999;
color:#FFF;
}

#language {
float:right;
margin-top:85px;
/*background-color:#999966;*/
color:#506a98;
}

#language a {
color:#506a98;
}

#language a:hover {
color:#0795d7;
}

#mid{
width:780px;
height:26px;
background:url(../images/nav_top_bar.jpg) no-repeat;
clear:both;
z-index:100;
position:relative;
}

#nav{
position:absolute;
top:0px;
left:0px;
width:614px;
height:26px;
}

#nav li {
float: left;
margin-top:4px;
*margin-top:6px;
padding:0;
width:102px;
background:url(../images/nav_line.gif) no-repeat;
}

#nav li a{
display:block;
width:100%;
color:white;
text-align:center;
text-decoration:none;
}

#nav li a:hover{
color:#FFCC33;
background-color:transparent;
}

#nav ul ul li{
float:left;
width:98px;/*原本102扣掉padding:4px*/
margin:0px;
letter-spacing:normal;
}

#nav ul ul li a{
border-top: 1px #FFFFFF solid;
background:none;
background-color:#B4B4B4;
letter-spacing:normal;
font-size:100%;
*font-size:88%;
text-align:left;
padding-left:4px;
*padding-top:2px;
}

#nav ul ul li a:hover{
background-color:#9a9a9a;
color:#FFCC33;
}

#nav ul li.parent ul {display:none;}

#nav ul li.parentOn ul{display:block;}

#search{
	position:absolute;
	top:0px;
	left:625px;


	*left:629px;
	width:160px;
	height:26px;
}

#wrapper #header #mid #search #cse-search-box .searchImg {
	
}

#wrapper #header #mid #search #cse-search-box .searchText {
margin-top: 3px;
*margin-top: 2px;
height:14px;
color:#999999;
font-size:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bottom{
width:780px;
height:215px;
background:url(../images/nav_graphic.jpg) no-repeat;
}
#footer{
	clear:both;
	height:72px;
	border-top: 1px #CCCCCC solid;
	width: 780px;
}

#footerSub_01{
float:left;
width:550px;
}
#footerSub_02{
margin-top:8px;
float:right;
padding-right:0px;
color:#aaaaaa;
}

#footerSub_02 a{
text-decoration:none;
color:#aaaaaa;
}


#footerSub_02 a:link{
text-decoration:none;
color:#aaaaaa;
}

#footerSub_02 a:hover{
text-decoration:none;
color:#506a98;
}

#logoSub {
float:left;
background:url(../images/logoSub.gif) no-repeat;
width:40px;
height:26px;
}

#logoSub h1{
padding-top:2px;
font-size:1px;
line-height:0px;
color:#FFFFFF;
}

#companyRight{
float:left;
color:#aaaaaa;
padding-left:5px;
padding-top:8px;
letter-spacing:0;
}
/*Common set up*/
.h1Title{
margin-top:30px;
margin-left:0px;
margin-bottom:10px;
color:#2d3357;
}
.pContent{
	margin-bottom:20px;
	*margin-bottom:20px;
	width:540px;
}

.icon{
	clear:both;
	width:425px;
	height:80px;
	margin:50px 0 0 0;
	*margin-top:0px;
}

.contentImg{
float:right;
margin:-30px 10px 0 10px;
}
/*Common set up*/
/*--------------------Search Page--------------------*/
#searchPage {
width:780px;
}
#searchPage #searchDetail {
	background-color: #00CCFF;
	width: 700px;
	margin-top: 30px;
}
/*--------------------Search Page--------------------*/
/*--------------------Index Page-----------------------*/
#index {
width:780px;
}

#index h1{
margin-top:30px;
margin-left:0px;
margin-bottom:10px;
font-size:1px;
color:#FFFFFF;
background:url(../images/index_title.jpg) no-repeat;
width:182px;
height:33px;
padding-left:9999px;
_padding-left:50px;
}

#index img{
}

#index p{
margin-bottom:100px;
*margin-bottom:30px;
}

#index #icon{
margin:0 0 10px 10px;
}
/*--------------------Index Page-----------------------*/
/*--------------------Mission Page-----------------------*/
#mission {}
/*--------------------Mission Page-----------------------*/
/*--------------------Market Page-----------------------*/
#market{}
/*--------------------Market Page-----------------------*/
/*--------------------solution Page-----------------------*/
#solution{}
#solution .pContent img {
	margin-top: 20px;
}

/*--------------------solution Page-----------------------*/
/*--------------------service Page-----------------------*/
#service{}

#wrapper #service .pContent #mail {
color:#595757;
}


/*--------------------service Page-----------------------*/
/*------------------Product Page----------------------*/
#product{
position:relative;
width:780px;
}

#product #advertisement{
	position:absolute;
	width:257px;
	height:427px;
	top:0px;/*top:0;*/
	left:0;
	background:#FFFFFF url(../images/p_side_bar01_short.jpg) no-repeat;
}

#product #primary{
	width:334px;
	background:#FFFFFF url(../images/p_side_bar01_bar02.jpg) repeat-y;
	padding-left:446px;
}

#product #secondary{
	position:absolute;
	width:189px;
	height:428px;
	top:0px; /*top:0;*/
	left:256px;
	background:#000 url(../images/p_side_bar02_short.jpg) no-repeat;
}

#product #primary #primaryCon01{
width:334px;
}

#product #showroom {
float:right;
width:106px;
_overflow:hidden;
margin-bottom:30px;
_margin-bottom:30px;
margin-top:4px;
_margin-top:-4px;
height:21px;
color:#FFFFFF;
background:url(../images/showroom_off.gif) no-repeat;
}

#product #showroom p{
font-size:90%;
font-weight:bold;
letter-spacing:0;
padding-top:1px;
}

#product #showroom a{
width:106px;
height:21px;
color:#FFFFFF;
}

#product #showroom a:hover{
width:106px;
height:21px;
color:#c85357;
}

#product #bar {
float:right;
width:319px;
height:6px;
background:url(../images/sperateLine.gif) no-repeat;
margin:2px 0 0 0;
}

#product #primary ul {
clear:both;
}

#product #primary ul li {
width:334px;
height:100px;
margin-top:10px;
}

#product #primary h2 {
margin-left:15px;
padding-top: 40px;
}

#product #primary li img {
float:left;
border: 1px #CCCCCC solid;
margin-left:15px;
}

#product #primary .productList {
float:right;
width:233px;
}

#product #primary .productList h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:117%;
color:#FFCC33;
margin-top:-5px;
margin-bottom:5px;
font-weight:bold;
line-height:1.8em;
}

#product #primary .productList a{
color:#FFCC33;
}

#product #primary .productList a:hover{
color:#CC3300;
}

#product #primary .productDetail {
border-top: 1px solid #CCCCCC;
}

#product #primary .productDetail h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
color:#3a5a7f;
margin-top:5px;
margin-bottom:7px;
font-weight:bold;
}

#product #primary .productDetail p{
width:200px;
}

#product #primary #pageNb{
width:334px;
color:#aaaaaa;
}

#product #primary #pageNb ul{
float:right;
}

#product #primary #pageNb ul li#pageNbTitle{
float:left;
width:40px;
}

#product #primary #pageNb ul li{
float:left;
width:15px;
height:20px;
}

#product #primary #pageNb li a{
text-decoration:underline;
color:#aaaaaa;
}

#product #primary #pageNb li a:hover{
color:#506a98;
}

#product #primary #bar2 {
float:right;
background:url(../images/sperateLine.gif) no-repeat;
width:319px;
height:6px;
}

#product #primary #picon {
	/*width:212px;
	height:211px;*/
	margin-top:90px;
	*margin-top:55px;
	_margin-top:55px;
	margin-left:122px;
	padding-bottom:2px;
}

#product #secondary ul{
margin-left:13px;
margin-top:41px;
}

#product #secondary ul li{
width:162px;
background-color:#bcbcbc;
border-top:1px #FFFFFF solid;
}

#product #secondary ul li a{
color:#FFFFFF;
height:22px; /*因為用padding把字調到中間需要再把高度減掉 原本高度:26px*/
*height:21px;
_height:22px;/*因為用padding把字調到中間需要再把高度減掉*/
display:block;
padding-left:10px;
padding-top:4px;
*padding-top:5px;
_padding-top:5px;
}

#product #secondary ul li a:hover{
background-color:#5d7b9b;
}

#product #secondary #navTop { 
background:url(../images/nav2_top.gif) no-repeat;
height:27px;/*原本高度 height:40px; 因為用padding把字調到中間需要再把高度減掉*/
text-align:center;
padding-top:13px;
font-weight:bold;
font-size:125%;
color:#FFFFFF;
}

#product #secondary #navBottom {
width:162px;
height:26px;
background:url(../images/nav2_bottom_on.gif) no-repeat;
}

#product #secondary  #navBottom a{
display:block;
width:162px;
height:26px;
background:url(../images/nav2_bottom_off.gif) no-repeat;
}

#product #secondary  #navBottom a:hover{
background:none;
}

#product #advertisement .flashDemo{
	/*background:url(../images/product_img_main.jpg) no-repeat;*/
	width:203px;
	height:335px;
	z-index:200;
	margin-top: 70px;
	margin-left:28px;
}

/*------------------Product Page----------------------*/
/*------------------Product Detail----------------------*/
#productIntroBg{
background-color:#828385;
}
#productIntro{
	margin:0 auto;
	width:540px;
	background-color:#828385;
	text-align: center;
	overflow:auto !important;
	overflow:inherit;

}


#productIntro h1{
	font-size:90%;
	color:#feba00;
	margin-bottom:10px;
	padding: 10px 0 0 220px;
	background-color:#828385;
	font-weight:bold;
}

#productIntro  img{
float: left;
border:#999999 1px solid;
margin-top: -25px;
margin-left:12px;
margin-right:12px;
margin-bottom:10px;
}


#productIntro p{
float:right;
width:310px;
margin-right:5px;
color:#FFFFFF;
padding-bottom:10px;
}
/*---------Table 設定----------*/
#productIntro table{
border:#FFF 1px solid;

}
#productIntro th{
	color:#FFF;
	background-color:#69C;
	padding-left:5px;
	font-weight:normal;
}
#productIntro td{
	color:#FFF;
	padding-left:5px;
	height:20px;
	border:#FFF 1px solid;
}
#productIntro .tdBG{
	background-color:#999999;
}
/*------------------Product Detail----------------------*/