@import url(index.css);
/*clear fix**********/
div:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div{
	display:block;
	}
/*clear fix**********/

body, html {
	margin: 0px;
	background:#f7f7f7;
	background-image:url(images/homepage_bk.jpg);
	background-repeat:repeat-x;background-color:#b8b3b4;
	}

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

a:hover {
	color:#000;
	text-decoration:underline;
	}

input {	background:#999999; border:1px solid #000; color:#fff; font-size:11px;}
	
	
select, 
input {
	font:normal 12px/1.5em Arial, Helvetica, sans-serif;
	}
	
em {
	font-style:normal;
	font-weight:bold;
	}
	
ul {list-style:none; margin-left:0; padding-left:3px; line-height:150%;}
ul li { background: transparent url(images/arr_02.gif) no-repeat left 7px; padding-left:10px;}
	
hr {
	height:1px;
	background:#fff;
	border-top:1px dotted #cecece;
	clear:both;
	}

/* news prease/////////////////////*/

.np h1 {
	float:left;
	}

.np .contact {
	float:right;
	clear:right;
	}

.np .blank {
	clear:both;
	}

.np h2 {
	display:block;
	background:#AFB6DC;
	border-top:1px solid #034DA1;
	padding:5px;
	}

.np .ctn {
	border:1px solid #e6e6e6;
	border-top:0;
	padding:5px;
	}

.np .ctn img {
	float:left;
	padding-right:5px;
	}
	
.np .ctn h3 {
	clear:both;
	}

.np #brief {
	float:right;
	margin:10px 0 0 5px;
	padding:5px 5px 0 5px;
	background:#CCC;
	}
	
.np #brief ul {
	margin-bottom:5px;
	}
	
.np #note {
	color:#034da1;
	background:#F3F3F3;
	margin-top:20px;
	padding:5px;
	}

.form td {
	padding:5px;
	}

.form input {
	width:250px;
	background:#fff;
	color:#000;
	}

.form th {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	background:#9BAABD;
	padding:2px 5px;
	}

.form input.btn{
	width:auto;
	height:20px;
	background:#034EA2;
	border:1px solid #000;
	color:#fff;
	margin:2px 4px 2px 0;
	}
	
.form textarea{
	width:250px;
	height:5em;
	}

#mainbg {
	background: transparent url(images/mainbg.gif) repeat-x top;
	}

#container {
	text-align:left;
	font:normal 12px/1.6em Arial,"微軟正黑體", Helvetica, sans-serif;
	background:#e6e6e6;
	width: 1000px;
	margin: 0 auto;
	}


#headerfunc {
	width:1000px;
	padding-top:6px;
	height:26px;
	background:transparent url(images/header_func.jpg) no-repeat;
	text-align:right;
	color:#F8FAFB;
	}

#headerfunc a{
	margin:0 0.55em;
	text-decoration:none;
	color:#fff;
	}

#headerfunc a:hover {
	color:#fff;
	text-decoration:underline;
	}

#headerlog {
	width:995px;
	height:49px;
	background:transparent url(images/header_logo.jpg) no-repeat;
	font-weight:bold;
	text-align:right;
	padding:4px 5px 0 0;
	}
	
#headerlog #headsearch {
	background:#fff;
	color:#000;
	}	

#welcome {
	height:85px;
	margin-top: 55px;
	}

#main {
	width:773px;
	vertical-align:top;

	background: #fff ;
/*
background: #fff url(images/footer_peak.gif) no-repeat right bottom;
*/
	}

#sidebar {
	width:227px;
	vertical-align:top;
	background:#e6e6e6;
	padding-top:67px;
	padding-bottom: 10px;
	font:normal 13px/1.6em Arial,"微軟正黑體", Helvetica, sans-serif;
	}

#footer {
	width:1000px;
	height:37px;
	vertical-align:top;
	text-align:center;
	color:#034DA1;
	font-weight:bold;
	padding-top:2px;
	background:transparent url(images/footer_bg.gif) no-repeat right top;
	}



#mainnav {
	width:1000px;
	padding:0;
	height:34px;
	background:url(images/idx_mainnav.jpg) no-repeat left top;
	}

/* sub navigation */

#subnav {
	margin:10px 0;
	width:227px;
	
	}
#subnav div {
display:block;}
#subnav a{
	margin:0px 10px 5px 10px;
	padding:0 10px;
	line-height:22px;
	vertical-align:middle;
	border:1px solid #4B4B4B;
	font-weight: bold;
	background: #fff url(images/submenu_l1_+.gif) no-repeat right center;
	text-decoration:none;
	color:#354A56;
	display:block;
	}

#subnav a:hover{
	background: #cecece url(images/submenu_l1_-.gif) no-repeat right center;
	color: #000;
	}
	
#subnav a.on{
	background: #cecece url(images/submenu_l1_-.gif) no-repeat right center;
	}

#subnav2 a{
	margin-bottom:0px;
	line-height:normal;
	padding:5px;
	background: #e6e6e6 url(images/subnav_l2_line.gif) repeat-x left bottom;
	border:0;
	color:#000;
	}
	
#subnav2 a:hover{
	color:#034EA2;
	background: #cecece url(images/subnav_l2_line.gif) repeat-x left bottom;
	}

#subnav3 a{
	margin:0 0 0 25px;
	padding-left:10px;
	font-weight:normal;
	background: #e6e6e6 url(images/arr_01.gif) no-repeat left 6px;
	text-decoration:none;
	color:#666666;
	}
	
#subnav3 a:hover{
	background: #e6e6e6 url(images/arr_01.gif) no-repeat left 6px;
	text-decoration:underline;
	color:#034EA2;
	}

#sidebar h1 {
	padding:0 10px;
	margin:15px 10px 5px 10px;
	font-size:12px;
	color:#fff;
	background:#9BAABD;
	}

/* sidebar more search //////////////////////////*/

#moresearch {
	font-weight:bold;
	color:#303030;
	}

#moresearch h2{
	font-size:11px;
	margin:0;
	clear:both;
	}

#moresearch select {
	width:190px;
	}

#sidebar #moresearch{
	margin:0 10px;
	padding:0 0 0 10px;
	}

#sidebar #moresearch input,
#sidebar #moresearch select {
	float:right;
	clear:both;
	}
	
#sidebar #moresearch select {
	margin:3px 0;
	}

#moresearch_news select {
	width: 206px;
	margin-left:10px;
	margin-top:10px;
	}


/* Breadcrumb Navigation /////////////////////*/

#bnav {
	font-weight:bold;
	padding:5px;
	color: #9BAABD;
	}

#bnav a{
	color: #9BAABD;
	text-decoration:none;
	margin:0 5px;
	}

#bnav a:hover {
	color: #000;
	text-decoration:underline;
	}

#bnav .on {
	color:#000;
	margin:0 5px;
	}


/* product content layout component///////*/

#pd { padding:10px; display:block}
#pd h1  {font-size:20px;	margin:0 0 15px 0; color:#354A56;	}
#pd h1 .slgn {	font-weight:normal;  font-size:16px;}
#pd h2 { font-size:14px; margin:5px 0 5px 0; color:#354A56; }	
#pd h3 { font-size:14px; color:#7087A5; padding:0 5px; border-bottom:1px solid #cecece; border-left:1px solid #cecece;}
#pd p{	margin:10px 0 10px 0;	}

#pdwrapper {
	float:left;
	border-right:5px solid #fff;
	border-left:5px solid #fff;
	}

#pdctn {
	border-top: 1px solid #e6e6e6;
	padding-top:5px;
	margin:0 1px 10px 5px;
	clear:both;
	}
	
* html div#img{
	height: 340px;	
	float:left;
	width:310px;
	vertical-align:top;
	text-align:center;
	}
	
div#img {
	float:left;
	width:310px;
	vertical-align:top;
	text-align:center;
	min-height:340px;
	}


#view {
	float:right;
	padding-top:0px;
	width:360px;
	vertical-align:top;
	
	}

	
#spec {
	float:left;
	clear:right;
	}

#view div {
	width:60px;
	height:60px;
	margin:2px;
	border:1px solid #7087A5;
	float:left;	
	}

#award div {
	height:120px;
	margin-bottom:10px;
	}

#view img{
	}

#pdwrapper #awd {
	padding:5px;
	margin:5px;
	border-top: 1px solid #e6e6e6;
	clear:both;
	}

#pdwrapper #awd h1 {
	font-size:12px;
	margin:0 0 10px 0;
	}

#pdwrapper #awd img {
	margin-right:15px;
	}


#pl{
  width:560px;
  margin-bottom:20px;
   }
   
#pl td{
  width:100px;
  margin-right:40px;
  vertical-align:top;
  }   	

#pd h4{
    font:normal 12px/1.5em  Arial, Helvetica, sans-serif;
	color:#003399;
	background:url(images/product_icon.gif) no-repeat left center;
	padding-left:12px;
	margin:15px 0 5px 0;
   }
   
#pd h4 a{
   text-decoration:none;
   color:#003399;
   }   

#pd h4 a:hover{
   text-decoration:underline;
   color:#003399;
   }   	
	
#productline{
	background: url(images/product_angle.gif) no-repeat bottom;
	width:100px;
	height:120px;
	margin-top:15px;
   }

#productline div{
   font:bold 12px/1.5em Arial, Helvetica, sans-serif;
   color:#FFF;
   padding-bottom:3px;
   margin-left:20px;
   }
   
#productline div a{
  text-decoration:none;
  color:#FFF;
   }

#productline div a:hover{
  text-decoration:underline;
  color:#FFF;
   }
   


/* product layout left content /////////////////*/

#pdleft {
	width:203px;
	margin-bottom:25px;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	float:left;
	
	}
	
#pdleft ul {
	margin-left:10px;
	}

.sct h1 {
	padding-left:10px;
	font-size:12px;
	color:#7087A5;
	background:#e6e6e6;
	margin:0;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	}

.sct h2 {
	font-size:11px;
	margin:2px 0;
	}

.sct div {
	border-bottom:1px solid #e6e6e6;	
	padding:10px;
	display: block;
	}

.sct div img {
	vertical-align:top;
	margin-right:0.5em;
	}


/* product tab sheet   ///////////////////////*/

.tab{
	clear:both;
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: center bottom;
	}

.tab table td{
	text-align:center;
	width:138px;
	padding-top:3px;
	height:32px;
	font-weight:bold;
	background:transparent url(images/tab_bg.gif) no-repeat center top;
	color:#00a0e9;
	}
	
#accwrapper .tab table td {
	width:187px;
	}

.tab table td a{
	color:#00a0e9;
	text-decoration:none;
	}

.tab table td a:hover{
	text-decoration:underline;
	/*
	color:#354A56;
	*/
	}

#on{
	background:transparent url(images/tab_bg_on.gif) no-repeat center top;
	color:#ffffff;
	}
		
#on a{
	
	color:#ffffff;
	
	}	
	
#pddetail {
	padding:10px;
	background:#fff;
	height:auto;
	width: 670px;
	}

#pddetail h1{
	font-size:12px;
	margin:0;
	color:#354A56;
	}

#pddetail h4{
	font-size:12px;
	margin:0;
	color:#fff;
	}
	
#pdcat {
	padding:10px;
	background:#f1f1f1;
	height:160px;
	}

#pdcat img{
	margin-right:10px;
	border:1px solid #7087A5;
	float:left;
	}

#pdcat div{
	width:375px;
	padding-top:20px;
	font-size:14px;
	font-weight:bold;
	float:left;
	}	
	
.pdcatab{
	text-align:left;
	background:#e0e0e0 url(images/tab_mbg.gif) repeat-x center top;
	clear:both;
	}

.pdcatab table td{
	text-align:center;
	width:110px;
	padding-top:3px;
	height:25px;
	font-weight:bold;
	background:transparent url(images/catab_bg.gif) no-repeat center top;
	color:#fff;
	}
	
.pdcatab #on{
	background:transparent url(images/catab_bg_on.gif) no-repeat center top;
	color:#354A56;
	}
	
.pdcatab table td a{
	color:#fff;
	text-decoration:none;
	}

.pdcatab table td a:hover{
	text-decoration:underline;
	color:#354A56;
	}

/* */

.more a{
	text-indent:-1000px;
	width:83px;
	height:20px;
	float:right;
	background: transparent url(images/btn_more.gif) no-repeat;
	text-decoration:none;
	}

.more a:hover{
	background: transparent url(images/btn_more_ov.gif) no-repeat;
	height: 20px;
	}
	
/* table //////////////////////////////////////////*/

.spectable{
	clear:both;
	border-collapse:collapse;
	border:1px solid #cecece;
	}
	
.spectable caption{
	text-align:left;
	}

.spectable th{
	/*
	padding:3px;
	border:1px solid #fff;
	border-bottom:2px solid #eee;
	background:#006699;
	color:#fff;
	text-align:left;
	vertical-align:top;
	*/
	font: bold 12px "微軟正黑體",Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #000000;
	padding: 6px 6px 6px 12px;
	letter-spacing:2px;
	border:1px solid #fff;
	}

.spectable td {
	border:1px solid #e2e2e2;
	padding:3px;
	vertical-align:top;
	}

.spectable2{ clear:both;	border-collapse:collapse; 	border:1px solid #cecece;}
.spectable2 th{ padding:3px;	border:1px solid #fff; border-bottom:2px solid #eee;	background:#006699;	color:#fff;	text-align:center;	}
.spectable2 td { border:1px solid #e2e2e2;	padding:3px;}

.odd {
	background:#fafafa;
	}

.even {
	background:#f7f7f7;
	}
	
/* list item ///////////////////////////////////*/	
	
.pdlist h2 {
	font-size:11px;
	margin:10px 0 5px 0;
	border-bottom:1px solid #BCC5D2;
	clear:both;
	}
	
.pdlist td {
	vertical-align:top;
	padding:5px 5px 5px 0;
	}

.hlfont01 {
	font-weight:bold;
	color:#333;
	}
	
.hlfont01 {
	font-weight:bolder;
	}

#comp input{
	background:transparent;
	border:0;
	}
	
.icondl {
	background:transparent url(images/icon_dl.gif) no-repeat left center;
	padding-left:14px;
	}
	
/* Service FAQ ////////////////////////*/

.faq ol {
	margin-left: 30px;
	padding-left: 5px;
	}
	
.faq ol em {
	font-style:normal;
	font-weight:bold;
	color:#034EA2;
	}
	
.faq ol li {
	padding:5px ;
	border-bottom:1px dotted #cecece;
	}

.faq .ans {
	padding:5px;
	background:#fff;
	}


/* bbs ////////////////////////*/

.bbs {
	margin-top:15px;
	padding-bottom:10px;
	border-bottom:1px dotted #cecece;
	}

.bbs a {
	text-decoration:underline;
	}
	
.bbs .title{
	font-size:14px;
	font-weight:bold;
	color:#666;	
	}

.bbs .post{
	margin-bottom:5px;
	}

.bbs .ctn img{
	margin:0 10px 5px 0;
	float:left;
	}
	
.bbs .func{
	clear:both;
	}
	
.bbs .func a {
	padding:0 10px;
	border-left:1px solid #cecece;
	}
	

.reply {
	background:#cecece;
	}

.reply textarea {
	width:500px;
	height:10em;
	}
	

/* pager //////////////////////*/

#pager {
	text-align:center;
	font-size:12px;
	margin:10px 0;
	}
	
#pager a {
	text-decoration:underline;
	padding:0 10px;
	}

.star {
	color:#f00;
	padding:0 2px;
	font-weight:bolder;
	}
	
	
.statement {
	font-weight:normal;
	font-size:11px;
	color:#CCC;
	}

#faq {}
#faq .q { background-color:#CCCCCC;}
#faq .a { }
#faq td { padding:5px 7px 5px 7px; vertical-align:top;}
#faq span { margin-left:10px; color:#555;}

#tech_support { line-height:150%;}
#tech_support th { font-weight:bold; padding-right:5px; text-align:left; padding:3px;}
#tech_support th span { color:#CC0000;}
#tech_support td { padding:3px}
#tech_support input { background:#FFFFFF; border:#999999 1px solid; margin-right:10px; height:18px; color:#333333;}
#tech_support .submit { background:#FBAF5D; height:22px;}
#tech_support .radio { border:0px; margin:0 0 0 5px;;}

#rd { line-height:150%;}
#rd ul li{ margin-bottom:10px;}
#rd ul li span { font-weight:bold;}

.service_txt {
	text-align:left;
	font:normal 12px/1.6em Arial, Helvetica, sans-serif;
	}

#pro_bg1 {
	background-image: url(images/pro_bg_01.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 159px;
	padding-left: 355px;
}
#pro_bg2 {
	background-image: url(images/pro_bg_02.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 158px;
	padding-left: 355px;
}
#pro_bg3 {
	background-image: url(images/pro_bg_03.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 159px;
	padding-left: 355px;
}
.list  .title a {
	color: #003399;
	text-decoration: none;
}
.list .title a:hover {
	color: #003399;
	text-decoration: underline;
}

.list .descript {
	font-size: 11px;
	line-height: 16px;
	color: #333333;
}
.list .descript strong {
	font-size: 12px;
	line-height: 16px;
	color: #354a56;
	font-weight: bold;
}
.list .productName {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(images/productListTitleBg.gif) no-repeat;
	padding-left: 7px;
	padding-bottom: 0px;
	vertical-align:bottom;
	
}
 .productNameNew {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(images/productListTitleBgNew.gif) no-repeat;
	padding-left: 7px;
	padding-bottom: 0px;
	vertical-align:bottom;
}
 .product13204 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(images/RM13204.jpg) no-repeat;
	padding-left: 7px;
	padding-bottom: 0px;
	vertical-align:bottom;
}
.list .listImg {
	margin-top: 13px;
	
}

.list .listImg img {
margin-bottom: -1px;
z-index: -1;
}

/* 2009 */
#footer1{
	background:#666 url(images/footer_left.jpg) no-repeat 0px 0px;
	font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:100;
	color:#fff;
	padding:0px 0 25px 0px;
	line-height: 13px;
	}
	#footer1 div {
	margin-left: 10px;
	}
	#footer1 strong {
		font-size: 11px;
	}
#footer2{
	background:#666 url(images/footer_right.jpg) no-repeat;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#FFF;
	height:70px;
	
	
	}
	#footer2 div {
	padding: 0px 20px;
	}
	#footer2 a {
		color: #fff;
		text-decoration: none;
	}
	#footer2 a:hover {
		text-decoration: underline;
	}

#benefit_title {
	font-size: 14px; font-weight: 900;
}
.spec-title {
	margin-top: 15px;
	text-indent: 5px;
	color:#FFFFFF;
	background-color:#000000;
	width: 100%;
	overflow: hidden;
	
}
.stable td{
	padding-right: 15px;
}
.spectitle{
	/*
	background:#006699;
	color: #fff;
	font-weight:900;
	display:block;
	text-indent: 10px;
	*/
		border-bottom:1px solid #cecece;
	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	padding-top: 7px;
}
.speccontent {
/* padding-left: 10px; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	border-bottom: 1px solid #cecece;

}
.specnormal table {border-collapse:collapse; }
html>body .specnormal table {border-collapse:collapse; margin-top: 1px;  width: 100%;}

.specnormal table td {border-bottom: 1px solid #cecece; padding-left: 5px;
}
.spec-content-title {
	/*
	color: #fff;
	background: #8BA2D4;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	text-indent: 3px;
	*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#797268;
	border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
	background-color: #FFFFFF;
	width: 40%;
}
.stable td .spec-content-titlec {

	color:#797268;
	border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
	background-color: #ffffff;
	padding-right: 5px;

}
.spec-content-titlec {
font-size:12px;
	color:#797268;
	border-right:1px solid #C1DAD7;
	border-bottom:1px solid #C1DAD7;
	background-color: #FFFFFF;
	padding-right: 5px;

}
#benefit {
	width: 360px;
	float:right;
}