@charset "utf-8";
/* CSS Document */
body { margin: 0px;
	   padding: 0px;
	   font-family: 新細明體;
	   font-size: 100%;
	   color: #464646;}
form{margin:0}

h1{margin:0;/*去除與上方的間距*/ 
   text-indent:-999px/*把文字推至遠方*/}
h2{margin:0;/*去除與上方的間距*/ 
   text-indent:-999px/*把文字推至遠方*/}
h3{margin:0;/*去除與上方的間距*/ 
   text-indent:-999px/*把文字推至遠方*/}
h4{ margin:5px 0; color:#099}
h5{ margin:0; color:#999}

a:link {text-decoration: none; color:#464646;}
a:visited {text-decoration: none; color: #999}
a:hover {text-decoration: underline; color: #FF6600}

.clear{clear:both;}

/*===============  頁面設定  ==================*/
#website{ display:block;
          width:976px;
		  margin:0 auto;}

/*頁首*/
#top{display:block;width:100%;margin:10px auto 0 auto;}
#topleft{display:block;
         float:left;
		 width:222px;
		 height:61px;
		 background: url(../images/logo.png) no-repeat}
#topright{display:block;
          float:left;
		  width:754px;
		  height:61px;
		  background:url(../images/top_bg.png) no-repeat}
#subnav{display:block;
         width:98%;
		 font-size:0.75em;
		 text-align:right;
		 margin:0px;
		 padding-right:5px}
#subnav ul{ list-style:none; margin:0px;}
#subnav li{ display: inline;
            line-height:20px;
			margin-left:8px;}
			
/*中間*/
#content{clear:both; display:block; width:976px; margin:0 auto; padding:0px;}
#flash{display:block; width:976px; margin:0 auto;}
#index_product{ width:976px;
				height:128px;
				margin:0px;
				padding:0px}
#index_product ul{list-style:none; margin:0px; padding:0px}
#index_product li{display:inline;
                  height:128px;
				  margin:0px;}

#banner{ display:block; width:976px; height:260px}

/*內頁區塊*/
#mainpage{display:block; width:976px;}/*總寬*/

#menu{display:block; width:25%; float:left;}/*左側區塊*/
#menu_title{display:block; width:225px; margin:5px auto 0 auto;}
#menu_list{display:block; width:225px; margin: 0 auto;}
#menu_list ul{ list-style:none; margin:0 0 15px 0; padding:0;}
#menu_list li{ font-size:1em;
               color:#838181;
			   text-indent:15px;
			   line-height:30px;
			   margin:0 25px 0 15px;
			   padding:0;
			   background-image: url(../content/about/images/pot_menulist.gif);
			   background-repeat:no-repeat;
			   background-position:3px 12px;
			   border-bottom:1px dotted #BBB}
#menu_list a:link {text-decoration: none; color:#838181;}
#menu_list a:hover {text-decoration: underline; color:#FF6600}
#menu_list a:visited {text-decoration: none; color:#838181;}

#service_line{display:block; width:225px; margin: 0 auto;}

#text_box{display:block; width:75%; float:right;}/*右側區塊*/
#title_box{display:block; width:100%;}
#unit_title{display:block; width:222px; float:left; height:59px}
#cookie{ display:block; 
         width:504px; 
		 float:right; 
		 height:19px; 
		 background-image:url(../content/about/images/bg_cookie.png);
		 background-repeat:no-repeat;
		 text-align:right;
		 padding-top:40px
		 }
.cookie_denway{ font-size:0.75em; 
                color:#666;
				margin-right:45px;}
.cookie_denway a:link {text-decoration: none; color:#666;}
.cookie_denway a:hover {text-decoration: underline; color:#FF6600}
.cookie_denway a:visited {text-decoration: none; color:#A7A7A7;}				

#text_top{clear:both;
          display:block;
          width:694px;
		  height:23px;
		  margin:0 0 0 5px;
		  padding:0px;
          background-image:url(../content/about/images/main_top.png); 
		  background-repeat:no-repeat;}
#text_body{display:block;
           width:629px;
		   background-image:url(../content/about/images/main_body.png);
		   background-repeat:repeat-y;
		   margin:0 0 0 5px;
		   padding:5px 45px 0 30px;}
#text_body p{ font-size:0.8em; color:#5a5959; line-height:20px; margin:10px 0 0 0; text-indent:1em}
#text_body ul{font-size:0.8em; color:#5a5959; list-style:none; margin-top:5px; margin-bottom:0px}
#text_body li{ line-height:20px;
			   background-image:url(../content/about/images/pot_list.gif);
			   background-repeat:no-repeat;
			   background-position:10px 6px;
			   text-indent:20px;
			   margin-top:5PX;}
#text_body li ul{}			   
#text_body li li{ font-size:1.2em; line-height:15PX; margin-left:-15PX;}			   
#text_body a:link {text-decoration: none ; color:#900;}
#text_body a:hover {text-decoration: underline; color: #FF6600}
#text_body a:visited {text-decoration: none; color:#B7B7B7;}				
#text_body img{ margin:0 10px 10px 10px;}

/*公司據點*/
#comp_left_01{ display:block; width:50%; float:left; padding:0px; margin-left:-20px;}
#comp_right_01{ display:block; width:55%; float:right;padding:0px; margin-left:-20px; }
#comp_left_02{ display:block; width:50%; float:left; padding:0px; margin-left:-20px;}
#comp_right_02{ display:block; width:55%; float:right;padding:0px; margin-left:-20px; }

#text_foot{clear:both;
	       display:block;
           width:694px;
		   height:54px;
		   margin:0 0 0 5px;
		   padding:0px;
           background-image: url(../content/about/images/main_foot.png); 
		   background-repeat:no-repeat;}
/*軟體下載*/ 
#mytable {/*border-collapse: collapse;*/
	      margin: 0 24px;
	      font-family:Arial, Helvetica, sans-serif;
	      font-size: 0.8em;}

#mytable th {
	         color: #fff;
			 font-weight: bold;
			 padding: 2px 11px;
			 text-align: left;
			 border-right: 1px solid #fff;
			 line-height: 1.8em;}

#mytable td {padding: 6px 11px;
	         border-bottom: 1px solid #CCC;
	         vertical-align: top;}

#mytable td * {padding: 6px 11px;}

#mytable tr.alt td {background: #ecf6fc;}

#mytable td:hover {background:#bcd4ec;}

#mytable a:link {text-decoration: none; color:#5a5959;}
#mytable a:hover {text-decoration: none; color: #FF6600;}
#mytable a:visited {text-decoration: none; color:#5a5959;}
#software{
	display:block;
	width:612px;
	height:243px;
	margin:0 auto;
	padding:55px 0 0 30px;
	background:url(../content/service/images/bg_software.jpg);
	}
#software p{
	font-size:0.8em}	

/*產品詢問*/
#askform{
	width:90%;
	margin:0 auto
	}
#askform th{
	width:20%;
	text-align:right;
	vertical-align: middle;
	font-size:0.8em;
	font-weight:normal;
	color:#FFF;
	background:#3399CC}
#askform td{
	padding:4px;
	font-size:0.8em;
	font-weight:normal;
	color:#464646;
	border-bottom:1px dotted #A5A5A5
	}
#askform .subform{
	/*width:9%;*/
	color:#FFF;
	text-align:center;
	background:#3399CC}
#askform .subtd{background: #ecf6fc;}	
.mytext_area{
	width:350px;
	border:1px solid #A7A7A7;
	padding:2px;
	font-size:1em;
	color:#464646}
.mytext_area2{
	width:200px;
	border:1px solid #A7A7A7;
	padding:2px;
	font-size:1em;
	color:#464646}
.mytext_area3{
	width:87px;
	border:1px solid #A7A7A7;
	padding:2px;
	font-size:1em;
	color:#464646}		
/*=========================產品資訊列表=================================*/
#boxicon{
	display:block;
	position:relative;
	top: -315px;
	left:247px;
	width:382px;
	height:150px;
	background:url(../content/products/images/product_listicon.png);
	background-repeat:no-repeat;
	}
#list_box{ display:block; 
           width:629px; 
		   background-image:url(../content/products/images/product_listbg.png);
		   background-repeat:repeat-y;
		   margin:0;}
#list_box li ul{}
#list_box li li{}
#list_box li li a:link {text-decoration: none; color:#069;}
#list_box li li a:hover {text-decoration: none; color: #FF6600;}
#list_box li li a:visited {text-decoration: none; color:#5a5959;}
.spacer {clear:both}

/*=========================產品資訊詳細頁=================================*/
#product_title{ margin-bottom:10px;}
#product_main{}
#product_main p{line-height:22px;}
.product_img{ border:0px; margin:0px;}
.tuso{ font-size:0.7em; color:#666; margin:0px; padding:0px;}
#down_btn{text-align:right; width:98%}
#down_btn2{text-align:right; width:100%}
#down_btn3{text-align:center; width:100%; padding:5px}
#product_mainbox2{ display:block;
                   width:100%;
				   background-color:#F0F0F0}
#mainbox2_foot{display:block;
               width:629px;
			   margin:0 0 10px 0;
			   padding:0px;}
#mainbox2_foot img{margin:0px;
			       padding:0px;}
#mainbox2_pic{ display:block; width:100px; float:left; margin-top:10px; margin-left:10px}
#mainbox2_pic img{display:block; width:100px; height:100px; background:#CCC; padding:5px; border:1px solid #C8C8C8}
#mainbox2_title{display:block; width:95%; margin:10px auto 0px auto; padding:7px;}
#mainbox2_table{}
.mainbox2_table th{ font-size:0.8em; background-color:#E2DBC2; font-family: Arial, Helvetica, sans-serif}
.mainbox2_table td{ font-size:0.8em; color:#616161; font-family: Arial, Helvetica, sans-serif}
.text_red{ color:#205C9F; font-weight:bold}
.text_redtwo{ color:#F30}

/*========================= 網站導覽 =================================*/
#sitemap{
	display:block;
	background: url(../content/sitemap/images/bg_sitemap.jpg)}
#sitemap ul{}
#sitemap li{
	list-style:none;
	background: url(../content/about/images/pot_list.gif) no-repeat;
	background-position:10px 12px ;
	font-size:1em;
	line-height:20px;
	border-bottom: none;
	padding:5px 0}
#sitemap li li{
	list-style:none;
	background: url(../content/sitemap/images/pot_glary.png) no-repeat;
	background-position:6px 6px ;
	font-weight: normal;
	font-size:1.3em;
	line-height:14px;
	border-bottom:1px dotted #A5A5A5;
	margin-right:50px;
	padding:5px 0 }
#sitemap a:link {text-decoration: none; color:#464646;}
#sitemap a:hover {text-decoration: none; color:#FF6600;}
#sitemap a:visited {text-decoration: none; color:#464646;}	


/*頁尾*/
#foot{clear:both;
	  display:block;
      width:976px;
	  height:46px;
      margin:0 auto;
	  padding:0px;
	  background:url(../images/foot.png) no-repeat;}
#company_info{display:block;
              width:600px;
			  font-family:Arial, Helvetica, sans-serif;
			  font-size:0.7em;
			  margin-left:280px;
			  padding-top:15px;}
#company_info a:link {text-decoration: none; color: #464646;}
#company_info a:hover {text-decoration: underline; color: #FF6600}
#company_info a:visited {text-decoration: none; color:#464646;}

/*按鈕*/
.btn_blue{background-image: url(../content/manpower/images/btn_bluelong.png);width:132px;height:23px; color:#444;border:0px;cursor: hand;}
.btn_blue2{background-image: url(../content/manpower/images/btn_bluelong2.png);width:132px;height:23px; color:#444;border:0px;cursor: hand;}