@charset "utf-8";
/* CSS Document */


body {
	margin-left: 0px;/* 左方 */
	margin-top: 0px;/* 上方 */
	margin-right: 0px;/* 右方 */
	margin-bottom: 0px;/* 下方 */
	background: #ffffff;/* 背景色+圖+x軸延伸 */
	font-family: Arial, Helvetica, sans-serif;/* 主體字型 */
	font-size: 12px;/* 字級 */
	line-height: 150%;
	color: #999999;/* 字顏色 */
}

h1, h2 {margin-top: 0; font-size: 15px;}
h1 {color: #ff6600; font-weight: bold;}
h2 {color: #000000; font-weight: bold;}
h3 {font-size: 18px; color: #000000; font-weight: bold; line-height:130%;}
h4 {font-size: 13px; color: #69829b; font-weight: bold; line-height:130%;}
h5 {font-size: 13px; color: #777777; font-weight: bold; line-height:130%;}

a {text-decoration: none; color: #666666; font-size: 11px;}
a:hover {text-decoration: none; color: #f57d2d; font-size: 11px;}
a img {border: none;}



.font_11-bluepx {font-size: 11px; text-decoration: none; font-family: "Verdana","Arial","Helvetica","sans-serif"; color: #014e4e; line-height:130%;}
.font_11-ash-1px {font-size: 11px; text-decoration: none; font-family: "Verdana","Arial","Helvetica","sans-serif"; color: #666666; line-height:180%;}
.font_11-ashpx {font-size: 10px; text-decoration: none; font-family: "Verdana","Arial","Helvetica","sans-serif"; color: #a3a4a6; line-height:130%;}
.font_11-redpx {font-size: 11px; text-decoration: none; font-family: "Verdana","Arial","Helvetica","sans-serif"; color: #b8123d; line-height:120%;}
.font_11-orangepx {font-size: 10px; text-decoration: none; font-family: "Verdana","Arial","Helvetica","sans-serif"; color: #ff6600; line-height:120%;}

.link-top:hover ,.link-top:visited ,.link-top:link
{font-size: 8px; height:10px; color:#a7a7a7; padding:1px; text-decoration: none; font-family:"Arial"; line-height: 110%;}
.link-top:hover
{font-size: 8px; height:10px; color:#e76100; padding:1px; text-decoration: none; font-family:"Arial"; line-height: 110%;}

/* 對話文字框 */
.form{
background-color:#dcdcdc; font-size: 12px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; line-height: 120%; color: #6c6c6c; border: 1px solid  #919191;}

.form-1{
 color: #d6d6d6; font-size: 11px; text-decoration: none; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; line-height: 120%;
 background-color: #09694a;
 border: 1px  solid  #073d2c;
 width: 45px;
}
.form-2{
 color: #eeddc7; font-size: 11px; text-decoration: none; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; line-height: 120%;
 background-color: #90806f;
 border: 1px  solid  #605347;
 width: 535px;
}
.form-3{
background-color:#f1f1f1; font-size: 11px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; line-height: 120%; color: #6c6c6c; border: 1px solid  #919191; width: 450px;}
.form-4{
background-color:#f1f1f1; font-size: 11px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; line-height: 120%; color: #6c6c6c; border: 1px solid  #919191; width: 450px;height: 75px;}
.form-5{
background-color:#dcdcdc; font-size: 12px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; line-height: 120%; color: #6c6c6c; border: 1px solid  #919191; width: 150px;}

/* 表格 */
#img_form-01 {
background-color: #ffffff;
border: 2px  solid  #e2dcdc;
padding: 1px 1px 1px 1px
}


#text_form-01 {
background: #ffffff url(../images/line_002.gif) repeat-y;
padding: 5px 15px 5px 5px ;
height: 100%;
}
#text_form-02 {
background: #ffffff url(../images/line_003.gif) repeat-y;
padding: 5px 15px 5px 5px ;
height: 100%;
}




/* 區塊按鈕 */
#left_menu {
	width: 193px;
	height: 32px;
}
#left_menu a {
	display: block;
	width: 193px;
	height: 32px;
	padding: 7px 0px 0px 25px;
	text-align: left;
	background: url(../images/menu_02.gif) no-repeat;
	color: #666666;
	font-size: 12px;
}
#left_menu a:hover {
	color: #ff6600;
	font-weight: bold;
	background: url(../images/menu_01.gif) no-repeat;
}

#left_menu-1 {
	width: 193px;
	height: 32px;
	display: block;
	width: 193px;
	height: 25px;
	padding: 7px 0px 0px 25px;
	text-align: left;
	font-weight: bold;
	background: url(../images/menu_01.gif) no-repeat;
	color: #ff6600;
	font-size: 12px;
}

#button_top {
	width: 75px;
	height: 25px;
}
#button_top a {
	display: block;
	width: 75px;
	height: 25px;
	padding: 5px 0 0 0;
	background: url(../images/button_1-01.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	color: #808080;
	font-size: 10px;
}
#button_top a:hover {
	color: #bd3b6c;
	background: url(../images/button_1-02.gif) no-repeat;
}




/* 表單設定
#green {
background-color:#ffecdf;
width:400px
}
#form1 table{
font-size:13px;
color:#000000;
width:400px;
}
#form1 th{
background-color:#FF6600;
color:#ffffff;
font-size:12px;
}
#form1 th, td{
background-color:#FF6600;
color:#ffffff;
padding: 5px -30px 1px -30px;/*上 右 下 左
}*/


/* Header */
#header {
	margin: 0 auto;
	width: 1000px;
	height: 230px;
	padding: 0px 0px 0px 0px;/*上 右 下 左*/
	text-align: left;/* 文字水平= */
	text-valign: top;/* 文字垂直= */
}
#header_top {
	WIDTH: 1000px;
	HEIGHT: 169px;
	POSITION: absolute;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clip: rect(30,auto,auto,auto);
}
#header_line {
	Z-INDEX: 2;
	margin: 0 auto;
	WIDTH: 1000px;
	HEIGHT: 230px;
	text-align: left;
	visibility: visible;
	POSITION: absolute;
}
#header_menu {
	Z-INDEX: 3;
	margin: 0 auto;
	WIDTH: 600px;
	HEIGHT: 55px;
	top: 0px;
	left: 390px;
	visibility: visible;
	POSITION: absolute;
	}




/* button */
#button {
  width: 216px;
  height: 54px;
}
#button ul {
  margin: 0 0 0 0px;
  padding: 0;
  border: 0 0 0 0px solid #cccccc;
  list-style: none;
}
#button li {
  display: block;/* 元素的顯示形式 初始=inline block=將指定元素區塊化*/
  float: left;/* 左右配置與文字環繞 初始=nono*/
  margin: 0;
  padding: 0;
  width: 54px;
  height: 54px;
}
#button li a {
  text-decoration: none;
  display: block;
  width: 54px;
  height: 54px;
} 

#button li#download  {
  background: url(../images/nav_02.jpg) no-repeat 0px 0px;
}
#button li#qa {
  background: url(../images/nav_02.jpg) no-repeat -54px 0px;
}
#button li#call  {
  background: url(../images/nav_02.jpg) no-repeat -108px 0px;
}
#button li#service  {
  background: url(../images/nav_02.jpg) no-repeat -162px 0px;
}

/* menu over時的設定 */
#button li#download a:hover  {
  background: url(../images/nav_02.jpg) no-repeat 0px -54px;
}
#button li#qa a:hover {
  background: url(../images/nav_02.jpg) no-repeat -54px -54px;
}
#button li#call a:hover      {
  background: url(../images/nav_02.jpg) no-repeat -108px -54px;
}
#button li#service a:hover      {
  background: url(../images/nav_02.jpg) no-repeat -162px -54px;
}






/* page */
#page {
	margin: 0 auto;
	width: 1000px;
	padding: 0px 0px 50px 0px;/*上 右 下 左*/
	background: url(../images/main_bgbg.gif) repeat-x left top;
}




/* sidebar */
#sidebar {
	float: left;/* 左右配置與文字環繞 初始=nono*/
	width: 230px;
	padding: 15px 0px 0px 39px;/*上 右 下 左*/
}



/* main-content */
#main-content {
    float: left;
	width: 660px;
	padding: 15px 0px 0px 20px;/*上 右 下 左*/
	text-align: left;/* 文字水平= */
	text-valign: top;/* 文字垂直= */
}

/* title */
#title{
margin: 0;
	padding: 10px 15px 10px 30px;
	text-align: right;/* 文字水平= */
	text-valign: top;/* 文字垂直= */
	font-size: 11px;/* 字級 */
	color: #999999;}
	
#title a {
    color: #808080;
}

#title a:hover {
    color: #bd3b6c;
}


/* main-QA */
#main-QA {
    float: left;
	width: 660px;
	padding: 0px 0px 0px 0px;/*上 右 下 左*/
	text-align: left;/* 文字水平= */
	text-valign: top;/* 文字垂直= */
	font-size: 12px;
	color: #999999;
}

#main-QA ul {
	padding: 5px 15px 5px 10px;
	font-size: 11px;
	line-height: 170%;
	color: #888888;
}
#main-QA li {
	padding: 0px 0px 3px 23px;
	list-style: none;
	border-bottom: 1px #d1d1d1 solid;
	background: url(../images/icon_a.gif) no-repeat left top;
}
#main-QA h2 {
	font-size: 12px;
	color: #c76c6f;
	font-weight: bold;
	line-height: 180%;
	padding: 0px 0px 0px 23px;
	background: url(../images/icon_q.gif) no-repeat left top;
}
#main-QA a {
   text-decoration: none;
   line-height: 120%;
   color: #999999;
   font-size: 11px;
}
#main-QA a:hover {
	text-decoration: none;
	font-size: 11px;
	line-height: 120%;
	color: #6c6c6c;
}


/* main-news */
#main-news {
    float: left;
	width: 660px;
	padding: 0px 0px 0px 0px;/*上 右 下 左*/
	text-align: left;/* 文字水平= */
	text-valign: top;/* 文字垂直= */
	font-size: 12px;
	color: #999999;
}
#main-news ul {
	padding: 5px 15px 5px 10px;
	font-size: 11px;
	line-height: 170%;
	color: #888888;
}
#main-news li {
	padding: 0px 0px 3px 23px;
	list-style: none;
	border-bottom: 1px #d1d1d1 solid;
}
#main-news h2 {
	font-size: 12px;
	color: #b97295;
	font-weight: bold;
	padding: 0px 0px 0px 23px;
	background: url(../images/icon_round-01.gif) no-repeat left top;
}
#main-news a {
   text-decoration: none;
   line-height: 120%;
   color: #999999;
   font-size: 11px;
}
#main-news a:hover {
	text-decoration: none;
	font-size: 11px;
	line-height: 120%;
	color: #6c6c6c;
}
#main-news h7 {
    font-weight: none;
	font-size: 11px;
	line-height: 170%;
	color: #888888;
}






/* no */
#no {
	width: 629px;
	text-align: center;
	text-valign: center;
	padding: 12px 0px 15px 0px;/*上 右 下 左*/
}
#no a {
    font-size: 10px;
	color: #c5ab9b;
	font-weight: bold;
}

#no a:hover {
    font-size: 10px;
	color: #ff8a43;
	font-weight: bold;
}






/* Footer */
#footer {
	clear: both;/*文繞圖的解除指定 nono=以環繞的狀況換行(初始)；left=解除左側對於圖像的環繞；all=解除左右兩旁對於圖的環繞 */
	width: 1000px;
	margin: 0 auto;
	height: 115px;
	background: url(../images/down-02.gif) repeat-x left top;
}

#footer p {
	padding: 18px 1px 1px 25px;/*上 右 下 左*/
	text-align: left;/* 文字水平= */
	text-valign: top;/* 文字垂直= */
	font-size: 11px;/* 字級 */
	color: #adadad;
}

#footer a {
    font-size: 11px;
	text-decoration: none;
	color: #ff6600;
}

#footer a:hover {
    font-size: 11px;
	text-decoration:none;
	color: #ab5217;
}