BODY { 
    font-size: 12px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif", "新細明體";
}
FORM { 
    margin: 0px;
}

TD { 
    font-size: 12px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif", "新細明體";
}

INPUT { 
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif", "新細明體";
    font-size: 12px;
    border: 1px solid #9D9D9D;
}

TEXTAREA { 
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif", "新細明體";
    font-size: 12px;
    border: 1px solid #9D9D9D;
}

SELECT { 
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif", "新細明體";
    font-size: 12px;
    border: 1px solid #9D9D9D;
}

A:link { 
    font-size: 12px; font-weight: normal; text-decoration: none;
}

A:active { 
    font-size: 12px; font-weight: normal; text-decoration: none; 
}

A:visited { 
    font-size: 12px; font-weight: normal; text-decoration: none;
}

A:hover {
    font-size: 12px; font-weight: normal; text-decoration: underline;
}

A {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

A:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #C90125; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.f8pt {
	FONT-WEIGHT: normal; FONT-SIZE: 8px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.f9pt {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.f10pt {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.f11pt {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.f12pt {
	FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.fc8pt {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: 新細明體
}

.fc9pt {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: 新細明體
}

.fc10pt {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: 新細明體
}

.fc11pt {
	FONT-WEIGHT: normal; FONT-SIZE: 11pt; COLOR: #000000; FONT-FAMILY: 新細明體
}

.fc12pt {
	FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: 新細明體
}

.f14ptEn {
    font-size: 14pt; FONT-WEIGHT: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.f16ptEn {
    font-size: 16pt; FONT-WEIGHT: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.f32ptEn {
    font-size: 32pt; FONT-WEIGHT: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.text {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.button {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FILTER: Alpha(Opacity=40, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100); CURSOR: hand; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.field {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.date { 
    FONT-WEIGHT: normal; FONT-SIZE: 12px; FILTER: Alpha(Opacity=40, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100); CURSOR: hand; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

.BIGtext {
    FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.ItemText {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #6699CC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
}
.blueon
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BACKGROUND: #3366FF;
    CURSOR: hand;
    COLOR: #FFFFFF;
}
.blueoff
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal
}
.yellowon
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BACKGROUND: #FFFFCE;
    CURSOR: hand;
    COLOR: normal;
}
.yellowoff
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal
}
.SubMenuLink {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 14pt;
	color: #0000FF;
	text-decoration: none;
}

.NewsTitle {
    font-size: 14pt; FONT-WEIGHT: bold; font-family: Verdana, Arial, Helvetica, sans-serif; COLOR: #c90026;
}

.PowerByTXT {
	FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR:  #6C617A; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.showroom { font-family: "Verdana"; font-size: 13px; line-height: 10px; width: 85%}
.content { font-family: "Verdana"; font-size: 10px; padding-top: 12px; padding-right: 12px; padding-bottom: 9px; padding-left: 12px }
.copyright { font-family: "Verdana"; font-size: 10px; color: #333333 }
.info { font-family: "Verdana"; font-size: 12px}
.news {  font-family: "Verdana"; font-size: 10px; font-weight: bold}
.news2 { font-family: "Verdana"; font-size: 10px }
.profile { font-family: Verdana; font-size: 12px; line-height: 22px}
.profile2 { font-family: Verdana; font-size: 12px; line-height: 20px}
.contact { font-family: "Verdana"; font-size: 12px; line-height: 18px}
.inquiryA {  font-family: "Verdana"; font-size: 10px; text-align: center; height: 18px}
.inquiryB { font-family: "Verdana"; font-size: 10px ; text-align: center; background-color: #A7C693; color: #CC3300}
.inquiry {  font-family: "Verdana"; font-size: 10px; text-align: center}
.inquiry-form {  font-family: "Verdana"; font-size: 12px; padding-left: 5px}
.info2 { font-family: "Verdana"; font-size: 12px ; padding-left: 15px; color: #444444}
a:link {  font-family: "Verdana"; font-size: 12px; color: #333333; text-decoration: none}
a:hover {  font-family: "Verdana"; font-size: 12px; color: #CC3300; text-decoration: none}
a:visited {  font-family: "Verdana"; font-size: 12px; text-decoration: none}
.product {  font-family: "Verdana"; font-size: 12px; background-color: #F0F0F0}

.contentlink { COLOR: #000000; font-family: "Verdana"; font-size: 10px; }
.contentlink2 { COLOR: #000000; font-family: "Verdana"; font-size: 9px; }

.ItemName, .ItemName a, .ItemName a:hover, .ItemName a:visited, .ItemName a:active{
    font-family: "Verdana"; 
    font-size: 12px;
    COLOR: #0066CC; 
    text-decoration: none;
    font-weight: bold;
}

/********************************
  breadcrumb link path css
*********************************/

.breadcrumb{
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align: left; 
}

.breadcrumb a{
background: transparent url(pics/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}


/********************************
  halfmoon menu css
*********************************/
.halfmoon{
margin-bottom: 1em;
}

.halfmoon ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #929492;
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid #DDD;
color: black;
font-size: 13px;
background: #ECEEEC url(pics/tabright.gif) top right no-repeat;
}

.halfmoon li a:visited{
color: black;
}

.halfmoon li a:hover{
background-color: #CDDADA;
color: navy;
}


/********************************
  pagination link css
*********************************/
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}


/********************************
  DHTML Window CSS
*********************************/
.dhtmlwindow{
position: absolute;
border: 0px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #2882C6;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

/*/*/
.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background: black url(pics/wintitlebg2.gif);
LINE-HEIGHT: 150%;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(pics/blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}