@import url("link.css");
@import url("lightbox.css");
/* CSS Document */


body{ background-color: #FFF;  margin: 0px;  padding: 0px;  border: 0px;  font-size: 75%;  font-family: Arial;  text-align: center; height: 1%;}

/* 共用版型layout */
#container{	width:900px;  padding:0px;  margin:0px auto;}
#top{ width:900px;  height:14px;  padding:0px;  margin:2px 0px 0px 0px;  text-align: right;}
#header{ margin: 0px; padding: 0px; background-image:url(../image/nav_bg.gif); }
#content{ background-image:url(../image/line_bg.gif); width:900; margin:14px 0px; padding: 0px;}
#main{	width: 700px;  margin: 0px;  padding:0px 30px; float:left;}
#sidebar{ margin: 0px;  padding: 0px 15px 0px 15px;  margin-left:700px;}
#bottom{ border-top: 1px solid #BABABA;  border-bottom: 1px solid #BABABA;  padding: 5px 0px 5px 0px;  clear: both;}
#footer{  width: 900px;   margin: 0px;  padding: 20px 0px 20px 0px;  color: 656565; text-align: left; font-size: 75%; clear: both;}
#footer a:link, a:active{ color: #2E81C1; font-weight: bold; text-decoration: none;}
#footer a:hover{ color: #cc0000; text-decoration: none;}
#footerL{ float: left;}
#footerR{ float: right;}


/*  模組module  */
#logo{background-image: url(../image/logo0.jpg); width:180px; height:69px; margin:0; padding:0px; background-color:#CC9900; float: left} /* logo*/
#nav{ margin-right:180px;  margin: 0;  padding:0px; text-align:center;} /* 主選單區*/

/*  content  */
#banner{ width: 640px; height: 252px; margin: 0px 0px 10px 0px; padding: 0px; background-color: #6898AE; float: left; } /* 產品廣告區*/
#news{ width: 460px; margin: 0px; padding: 0px; float: left; background-color: #aaaaaa; clear: both;} /* 產品及新聞*/
#partner{ margin: 0px; padding: 0px;} /* 代理品牌*/

/*  sidebar  */
#search{ width: 166px; margin: 0px 0px 8px 0px; padding: 0px;}
#product_nav{ width: 166px;  margin: 10px 0px 0px 0px; padding: 0px; text-align: left;}
#product_nav ul{ margin-left: 0px; padding: 0px; list-style: square;}
#product_nav li{ color: #767676;  margin-left: 30px; padding: 5px 0px; display: block; border-bottom: 1px dotted #ccc;}

#download{ width: 166px;  margin: 0px; padding: 0px; text-align: left;}
#download{ width: 166px;  margin: 0px 0px 0px 0px; padding: 0px; text-align: left;}
#download ul{ margin-left: 0px; padding: 0px; list-style: square;}
#download li{ color: #767676; margin-left: 30px; padding: 5px 0px; display: block; border-bottom: 1px dotted #ccc;}


#info{ width: 166px; height: 100px; margin: 0px; padding: 0px; }

.hr{ border: 1px dotted #bababa; height: 1px;}
.pic{ margin: 0px; padding: 10px; border: 5px solid #bababa; background-color: #FFF;}
.pic_1{ margin: 5px; padding: 10px; border: 1px solid #bababa; background-color: #fff;}
.border{ padding: 2px 0px 2px 5px; border: 1px dotted #ccc; margin-bottom: 10px;}

.block_width_1{ display: block; width: 1px;}
.block_height_5{ display: block; width: 5px;}
.block_height_10{ display: block; width: 15px;}

a.link_white{ font-size: 100%; font-weight: bold; color: "ffffff"; text-decoration: none;}
a.link_white:hover{ color: "FFcc00"; text-decoration: none;}

a.link_gray{ font-size: 75%; color: "767676"; text-decoration: none;}
a.link_gray:hover{ color: "FFF"; background-color: "#FF6600"; }

a.link_blue{ font-family: "Arial", "Helvetica", "sans-serif"; font-size: 75%; text-decoration: none; color: #2E81C1;}
a.link_blue:hover { color: #cc0000;}
/* a.link_blue:visited { color: #535353;}*/

a.link_green{ font-family: "Arial", "Helvetica", "sans-serif"; font-size: 75%; text-decoration: none; color: #009D2B;}
a.link_green:hover { color: #cc0000;}

.font_gray { font-size: 75%; color: 767676;}
.font_black { font-size: 75%; color: 383838;}
.font_black_h20 { font-size: 75%; color: 383838; line-height: 22px;}
.font_orange{ font-size:75%; color: #cc0000;}
.font_purple{ font-size:75%; color: #966B9C;}
.font_blue{ font-size:75%; color: #2E81C1; font-weight: bold;}
.font_red{ font-size:75%; color: #cc0000; font-weight: bold; line-height: 22px;}

.title_blue{ font-size:92%; color: #005FA7; font-weight: bold;}
.title_red{ font-size:100%; color: #cc0000; font-weight: bold;}



.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}