﻿@charset "utf-8";

html, body {
	margin: 15px;
	padding: 0;
	font-size: 13px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #626466;
	line-height: 18pt;
	letter-spacing: 1pt;
	text-align: center;
	overflow-x:hidden; 
	background-color:#FFFFFF;
	SCROLLBAR-FACE-COLOR: #BFC2C5; 
	SCROLLBAR-HIGHLIGHT-COLOR: #BFC2C5; 
	SCROLLBAR-SHADOW-COLOR: #BFC2C5; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #626466; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	}

/* --------------------------------
連結文字
----------------------------------- */
A: {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
A:link    {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
A:visited {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
A:active  {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
A:hover   {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:underline;letter-spacing:1pt;}

.news: {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-left:24px;}
.news:link    {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-left:24px;}
.news:visited {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-left:24px;}
.news:active  {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-left:24px;}
.news:hover   {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#BFC2C5;line-height: 18pt;text-decoration:none;letter-spacing:1pt;padding-left:24px;}

.qa: {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
.qa:link    {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:}
.qa:visited {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
.qa:active  {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
.qa:hover   {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#BFC2C5;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}

.for: {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#BFC2C5;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
.for:link    {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#BFC2C5;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
.for:visited {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#BFC2C5;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
.for:active  {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#BFC2C5;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
.for:hover   {font:13px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#339DE8;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}


/* --------------------------------
其他文字
----------------------------------- */
.title-grey {
	font-size: 13px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #626466;
	line-height: 18pt;
	letter-spacing: 1pt;
	font-weight: bold;
}

.total {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #AFB1B3;
	line-height: 15pt;
	letter-spacing: 0pt;
}

.red {
	font-size: 13px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #F60A0A;
	line-height: 18pt;
	letter-spacing: 1pt;
}

.red02 {
	font-size: 14px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #F60A0A;
	line-height: 18pt;
	letter-spacing: 1pt;
	font-weight: bold;
}

.table-text {
	font-size: 13px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #626466;
	line-height: 18pt;
	letter-spacing: 1pt;
	padding-left: 17px;
}

.title-blue {
	font-size: 13px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #339DE8;
	line-height: 18pt;
	letter-spacing: 1pt;
	font-weight: bold;
}

.RoHS {
	font-size: 15px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #494C4F;
	line-height: 18pt;
	letter-spacing: 1pt;
}


/* --------------------------------
共用
----------------------------------- */
#frame {
	width: 934px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#unit-images {
	width: 934px;
	margin-left: auto;
	margin-right: auto;
}

#unit-main {
	width: 858px;
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
	text-align: left;

}

.bk {
	background: url(../images/bk.gif);
}

.foot {
	text-align: center;
	padding-top:5px;
}

.foot1 {
	font-size: 13px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #086AB0;
	line-height: 15pt;
	letter-spacing: 1pt;
}

.foot2 {
	font-size: 11px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #626466;
	line-height: 15pt;
	letter-spacing: 1pt;
}

/* --------------------------------
default
----------------------------------- */
#default-pic {
	width: 858px;
	margin-top: 20px;
	margin-left: 35px;
}

.default-pic1 {
	padding-left: 5px;
	padding-right: 24px;
}

.default-pic2 {
	padding-right: 28px;
}

#default-main {
	width: 858px;
	margin-top: 24px;
	margin-left: 35px;
}

.default-main {
	padding-left: 29px;
	padding-right: 29px;
}

#about {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 35px;
}

#about02 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
	margin-bottom: 24px;
}


.top {
	text-align: right;
}

/* --------------------------------
news
----------------------------------- */
.line {
	color: #BFC2C5;
}

.line02 {
	color: #5F676E;
}

#news-main {
	width: 834px;
	margin-top: 24px;
	margin-left: 24px;
}

#news-main02 {
	width: 834px;
	margin-top: 24px;
	margin-left: 24px;
	margin-bottom: 24px;
}

#news-pic {
	width: 160px;
	heigh: 130px;
	margin-right: 24px;
	border: 2px solid #339DE8;
	valign:top;
}

/* --------------------------------
contact
----------------------------------- */
#contact-main {
	width: 834px;
	margin-top: 24px;
}

.input  {
	font:10pt Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#1F330F;
	background-color: #FFFFFF;
	border: 1px solid #9BAA98;
	line-height: 13pt;
}

/* --------------------------------
QA
----------------------------------- */
#QA {
	margin-bottom: 15px;
}

/* --------------------------------
product
----------------------------------- */
#product-main {
	width: 711px;
	margin-right: 1px;
}

#product-main02 {
	width: 669px;
	margin-top: 24px;
}

#product-main03  {
	margin-top: 15px;
	margin-bottom: 24px;
}

.product  {
	padding-bottom: 24px;
}

.product02  {
	padding-top: 15px;
	padding-left: 24px;
}

.rightimg  {
	float: right;
	border: 2px solid #339DE8;
}

#product-pic {
	width: 160px;
	heigh: 130px;
	margin-top: 15px;
	margin-left: 24px;
	border: 2px solid #339DE8;
}
