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

/*-------css reset-------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend, input,img, p{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;}
ol,ul,li{list-style-type:none;padding: 0;margin: 0;}
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;}
a,a:hover,img,div,input,background{text-decoration: none;outline: none; /* for Firefox */border:none;
hlbr:expression(this.onFocus=this.blur()); /* for IE */}
input{color:#909090;}

body {
color:#333;
font-size: 12px;
line-height: 18px;
font-family: "Arial", Gadget, sans-serif;
background:#005d81 url(../images/bg.jpg) no-repeat center top;}
a:link,a:visited,a:hover,a:active{text-decoration:none}
a:link, a:visited{color:#5a5a5a;}
a:hover {color:#000;}
a:active {color:#000;}

/* WARAPPER*/
#wrapper{
margin:0 auto;
width:990px;
overflow:hidden;
padding-bottom:20px;}

/*HEADER*/
#header{
overflow: hidden;
width:970px;
height:104px;
margin:0 auto;
background: url(../images/logo_bg.jpg) no-repeat left top;}

/*LOGO*/
#logo{float:left;}
#logo a{
line-height: 900000px;
overflow: hidden;
display: block;
width:160px;
height:104px;
background: url(../images/logo.jpg) no-repeat left top;}

/*次選單*/
#sec_menu{height:50px;float:right;margin-top:15px;}
#sec_menu ul{float:left;font-size:11px;-webkit-text-size-adjust:none;}
#sec_menu ul li{float:left;margin-left:20px;text-align:center;}
/*language*/
#language{float:left;_width:150px;}
#language ul{background:#000;height:25px;margin:10px 0 0 15px;_margin:10px 0 0 10px;}
#language ul li{float:left;color:#fff;margin:4px 10px 0 10px;}
#language ul li a, #language ul li a:visited{color:#fff;}
#language ul li a:hover{color:#fff;text-decoration: underline;}

/*menu*/
#menu{overflow:hidden;height:30px;clear:right;}
#menu ul{}
#menu ul li{float:left;color:#000;text-align:center;font-size:14px;font-weight:bold;}
#menu ul li a, #menu ul li a:visited{color:#000;display:block; height:30px;padding:5px 1.5em 0 1.5em;background:url(../images/line001.gif) no-repeat right 3px;}
#menu ul li a:hover{background:#006fb6;color:#FFF;height:30px;display:block;}

/*footer*/
#footer{background:#0c1824 url(../images/footer_bg.jpg) repeat-x left top;padding-bottom:20px;color:#5f676f;overflow:hidden;}
#footer a{color:#5f676f;}
#footer a:hover{color:#fff;}
.f_menu, .f_info{width:970px;margin:0 auto;}
.f_menu{padding-top:5px;margin-bottom:15px;overflow:hidden;}
.f_menu ul li {float:left;margin-right:20px;}
.f_menu ul li a{color:#5f676f;}
.f_menu ul li a:hover{color:#CCC;}

/*-----------------------------------------------------------------------------------------------*/
/*banner*/
#idx_banner{width:990px;margin:0 auto;}

/*master*/
#master{
width:970px;
margin:0 auto;
overflow:hidden;
background:#e6e6e6 url(../images/content_bg.jpg) no-repeat left top;}
.masterbtm{width:970px;margin:0 auto;height:30px;}

/*search*/
#search{
color:#FFF;
position: absolute;
top: 172px;
width:175px;
height:70px;
padding:20px;}
#search input{width:130px;float:left;}

/*aside*/
#aside{float:left;width:215px;margin-bottom:20px;padding:30px 0 0 25px;}
#submenu-title{font-size:25px;font-weight:bold;letter-spacing:-1px;color:#000;padding-bottom:20px;margin-bottom:15px;border-bottom:#818181 1px dotted;background:url(../images/line004.gif) repeat-x left bottom;}
/*submenu-*/
#submenu{
width:215px;
min-height:100px; 
height:auto !important; 
height:100px; 
overflow:visible;
margin-bottom:30px;}
#submenu ul {display: block;width:215px;}
#submenu ul li {display: block;border-bottom:#818181 1px dotted;padding-bottom:1px;}
#submenu ul li a {display: block;line-height: 15px;color: #3d3d3d;padding:8px 20px 10px 0px;color: #000;font-weight:bold;}
#submenu ul li a:hover {color:#125196;}
#submenu ul ul {width:215px;padding-bottom:10px;}
#submenu ul ul a {display: block;font-size: 13px;color: #666666;word-break: all;}
#submenu ul ul li{border-bottom:none;padding-bottom:0px;_padding-bottom:1px;}
#submenu ul ul li a {padding:5px 20px 5px 20px;border-bottom:#fff 1px solid;color:#333;font-weight:normal;background:#dddddd url(../images/icon004.gif) no-repeat left 8px;}
#submenu ul ul li a:hover{padding:5px 20px 5px 20px;color:#0c71b2;}
/*#submenu ul li.current a {color: #000;font-weight:bold;background:url(../images/line004.gif) repeat-x left bottom;}*/

/*content*/
#content{background: url(../images/content_line.jpg) no-repeat left top;
float:left;width:660px;line-height:20px;padding:35px 0 0 40px;
min-height:300px; 
height:auto !important;
overflow:hidden;
height:300px; 
overflow:visible;}
#content .title-line{background:url(../images/line004.gif) repeat-x left center;clear:both;height:20px;overflow:hidden;margin-bottom:10px;}
#content h1{font-size:18px;padding:0 0 8px 20px;margin-bottom:10px;color:#222;background:url(../images/icon003.gif) no-repeat left 2px;border-bottom:#2a5a8f 1px solid;}
#content h2{font-size:13px;color:#000;background:#ededed;line-height:16px;}
#content h2 p{font-size:12px;font-weight:normal;color:#000; margin-bottom:5px;}
#content h2 p.black{font-weight:bold;color:#000;}
.txt01{font-size:13px;color:#0754a9;padding:10px;line-height:16px; font-weight:bold; font-style:italic}

/*導覽列*/
#navbar{padding:0px 8px;background: url(../images/navbar_bg.jpg) no-repeat left top;height:25px;line-height:24px;}
#navbar a{color:#4a4a4a;}
#navbar a:hover{color: #000;}	
#navbar img{margin:0 3px;vertical-align: middle;}
.gotop{background: url(../images/line001.gif) no-repeat right bottom;
width:670px;margin-bottom:11px;overflow:hidden;padding-bottom:12px;clear:both;}


/*-------------各內頁---------------*/
/*-------------about---------------*/
.about-text{float:left;width:410px;}
.article_title{font-size:14px;color:#2a5a8f;font-weight:bold;background: url(../images/icon002.gif) no-repeat left 5px;padding-left:20px;margin:20px 0 5px 0;}
.article_pic{float:left;margin:10px 15px 10px 0;}
.article_pic2{float:right;margin:5px 0 5px 10px;}
/*-------------Certificate (about2)-------------*/
.cer_list{width:200px;height:330px;float:left;margin:10px 10px;_margin:8px 8px;}
.cer_title{margin-top:5px;text-align:center;}
.cer_title a, .cer_title a:visited{color:#757575;text-decoration:none;}
.cer_title a:hover{text-decoration:underline;}


/*-------------products list---------------*/
.product_list {
background: url(../images/product_list_bg.gif) no-repeat left top;
float:left; width:180px; height:200px; padding: 10px 12px 10px 12px; margin:20px 8px 0px 6px;}
.product_pic {width: 180px;height:140px;margin-bottom:30px;text-align:center;}
.product_list_title {color: #505050;text-align: center;width: 170px;font-size: 12px;line-height:15px;}
.product_list_title a:link {COLOR: #505050;}
.product_list_title a:visited {COLOR: #505050;}
.product_list_title a:hover {COLOR: #000000;}
.product-area {width: 209px;height: 23px;}
#product-line {background-repeat: no-repeat;height: 13px;width: 180px;float: left;}
/*-------------products-show---------------*/
/*pic*/
#product-show-pic {
background: url(../images/prod_show_bg.jpg) bottom left no-repeat;
width: 370px;
height: 260px;
float: left;
padding:0px 0px 5px 0px;
margin-right:20px;
text-align: center;}
/*word*/
.product_show_name{font-size: 15px;color:#16579f;font-weight: bold;padding:10px;margin:20px 0;background:#eee;}
.prods_stitle {background: url(../images/icon008.gif) no-repeat left 5px;color:#16579f;padding:0 0 5px 12px;float:right;width:228px;}
.prods_si {margin:5px 0px 20px 0;width:240px;float:right;}
.products_show_title {background: url(../images/icon008.gif) no-repeat left 5px;color:#16579f;padding: 0 0 5px 12px;border-bottom:#2a5a8f 1px solid;clear: both;}
.products_show_introduction {margin:5px 0px 20px 0;width:650px;}
.products_show_data div{float:left;}
.prod_sbottom{width:240px;height:60px;float:right;padding-bottom:10px;margin:0 0 20px 8px;}
.inquiry a, .favorite a, .download a, .video a{float:left;width:auto;margin:0px 4px 0 0;padding: 10px px 0px 0px;}
.inquiry a:hover, .favorite a:hover, .download a:hover, .video a:hover{float:left;width:auto;margin:0px 4px 0 0;/*padding: 5px 0px 0px 0px;*/}

/*---------------------------------------------table-show---*/
.table-show {
padding-top: 10px;
padding-bottom: 10px;
float: left;
width: 100%;}

/*---------------------------------------------datatable----*/
.datatable {
border-collapse: collapse;
background-color: #f8fdf2;
border-left: 1px solid #acacac;
border-top: 1px solid #acacac;
border-bottom: 1px solid #acacac;
border-right: 1px solid #acacac;
}
.datatable th {
color: #fff;
background-color: #a0b732;
text-align: center;
line-height: 1.2;
height: 21px;
top: 5px;
border-right: 1px solid #acacac;
border-bottom: 1px solid #acacac;
font-weight: bold;padding-top: 4px;
}

.datatable td {
height: 18px;
color: #666666;
text-align: center;
background-position: left bottom;
border-bottom: 1px solid #acacac;
border-right: 1px solid #acacac;
}
.datatable  tr.altrow {background-color: #f3f8d9;}

/* ----------project (products-2 )----------*/
.product-pic-2 {width: 190px; padding: 6px;}
.product-name-2 {color: #505050; text-align: center; width: 193px; font-size: 13px;}
.product-name-2 a:link {COLOR: #505050;}
.product-name-2 a:visited {COLOR: #505050;}
.product-name-2 a:hover {COLOR: #000000;}

/*-------------inquiry-------------*/
#inquiry{float:left;width:650px;padding:10px 0px;margin:20px 0px 20px 10px;display:inline;background-color:#FFF;}
.inquiry_table {height: 24px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.inquiry_table th {color: #333333;background-color: #e1e1e1;padding:4px 6px;}
.inquiry_table td {color: #000000;padding: 4px 8px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.inquiry_table td.no {color: #222222;}
.inquiry_table td.title a {color: #222222;}
.inquiry_table td.title a:hover {color: #1d81c2;text-decoration: none;}
.inquiry_table td.date {color: #222222;}
.inquiry_table  tr.altrow {background-color: #999;}

/*-------------member table-------------*/
.member_table{height: 24px;padding: 4px 8px;border: 1px solid #CCC;	}
.member_table th {color: #fff;background-color: #8b9ca3;height: 24px;font-weight: bold;padding: 4px 0px 0px 8px;text-align: left;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.member_table td {height: 24px;color: #222222;text-align: left;padding: 2px 8px;border-right: 1px solid #CCC;	border-bottom: 1px solid #CCC;	}
.member_table tr.altrow {background-color: #e1e1e1;}
.member_table input, select{border: 1px solid #e1e1e1;background-color: #fff;}
input.member_btn{background:url(../images/contact_btn.jpg) no-repeat left top;width:50px;color:#FFF;
text-align:center;font-size:12px;padding:2px;cursor: pointer;}

/*-------------application list---------------*/
.app_list {
float:left; width:130px; height:150px; padding: 15px 0px 10px 0px; margin:20px 15px 0px 15px;}
.app_pic {width: 130px;height:90px;margin-bottom:15px;}
.app_list_title {color: #505050;text-align: center;width: 120px;font-size: 12px;line-height:15px;}
.app_list_title a:link {COLOR: #505050;}
.app_list_title a:visited {COLOR: #505050;}
.app_list_title a:hover {COLOR: #000000;}

/*-------------News-------------*/
.news_list{overflow:hidden;border-bottom:1px dotted #d1d1d1;padding-bottom:10px;margin-top:20px;height:80px;}
.news_list_pic{float:left;margin-right:25px;padding-right:30px;border-right:1px solid #d1d1d1;}
.news_list p{float:left;width:450px;color:#717171;line-height:16px;}
.news_title{margin-bottom:10px;font-size:12px;color: #212121;font-weight:bold;
background: url(../images/icon005.gif) no-repeat left 6px;}
.news_title a, .news_title a:visited{padding-left:8px;font-size:12px;color: #212121;padding-bottom:10px;font-weight:bold;}
.news_title a:hover{color: #1384c5;text-decoration: underline;}
.news_date{color:#007ad0;font-size:11px;-webkit-text-size-adjust:none;display:block;float:right;font-weight:normal;}
.b_detail{float:right;}

/*-------------contact us-------------*/
.contact_img{float:right; margin-right:100px;}
.contact_table {margin-top:10px;line-height: 1.2;height: 24px;top: 5px;border-left: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;background-color: #e1e1e1;}
.contact_table th {color:#FFFFFF;font-weight:bold;
background-color: #26537a;font-size: 12px;line-height: 1.2;height: 24px;top: 5px;
padding: 4px 8px 0 8px;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;}
.contact_table td {height: 24px;color: #333333;text-align: left;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding-top: 2px 8px 2px 8px;}
.contact_table tr.altrow {background-color: #FFFFFF;}
.contact_table input, select{border: 1px solid #e1e1e1;background-color: #fff;}
.contact_c{color:#8a0000;}
input.contact_btn {background:url(../images/contact_btn.jpg) no-repeat left top;width:50px;color:#FFF;
text-align:center;font-size:12px;padding:2px;cursor: pointer;}

/*---FAQ jq-----*/
.arrowlistmenu{width: 620px;color:#464646;margin-top:30px;}
.arrowbg{overflow:hidden;border-bottom:#d7d7d7 1px solid;}
.arrowlistmenu .menuheader{color: #000;font-size:12px;background: url(../images/icon006.gif) no-repeat left 10px;
margin-bottom: 10px;padding: 10px 0 4px 35px;cursor: hand;cursor: pointer;font-weight: bold;}
.arrowlistmenu .openheader{ color: #000;background: url(../images/icon006.gif) no-repeat left 10px;
padding: 10px 0 4px 35px;font-weight: bold}
.arrowlistmenu ul{ margin-bottom: 30px;padding:10px 20px 10px 35px;border:#dddddd 1px dotted;
background:#f5f5f5 url(../images/icon007.gif) no-repeat 10px 12px;}

/*-------------Download_table------------*/
.download_table {padding: 5px 8px 5px 8px;color: #666666;background-color: #fff;border: 1px solid #1baddd;margin-top:30px;}
.download_table th {padding: 4px 6px 4px 6px;height: 25px;font-weight: bold;color: #fff;background-color: #147fb5;text-align: center;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.download_table td {padding: 4px 8px 4px 8px;height: auto;text-align: left;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.download_table td a:link, .download_table td a:visited {text-decoration: none;color: #666;}
.download_table td a:hover, .download_table td a:active {color: #147fb5;}
.download_table  tr.altrow {background-color: #eaeaea;}

/*------------- Ebook -------------*/
.ebook_list{width:180px;height:300px;float:left;margin:10px 20px;_margin:8px 17px;}
.ebook_title{margin-top:5px;text-align:center;}
.ebook_title a, .ebook_title a:visited{color:#0173b4;text-decoration:none;}
.ebook_title a:hover{text-decoration:underline;}


/*-------------sitemap-------------*/
#sitemap {margin: 10px 0px 20px 0px;padding: 10px;width: 96%;height: auto;border: 1px solid #ccc;display: inline;float: left;}
#sitemap a {text-decoration: none;}
#sitemap ul {margin: 0px;padding: 4px 6px;width: 600px;line-height: 25px;}
#sitemap ul li {padding: 5px 0px 0px 10px;float: left;list-style-position: inside;list-style-type:square;}
#sitemap ul li a {margin: 0px;padding: 0px;width: 600px;color: #1e415f;display: block;}
#sitemap ul li a:hover{color: #1e415f;text-decoration: underline;}
#sitemap ul ul {padding: 0px;margin: 0px;width: 600px;}
#sitemap ul ul li a {margin: 0px;padding: 0px;width: 600px;display: block;clear: both;}
#sitemap ul ul ul {margin: 0px;padding: 5px 0px 0px 0px;width: 600px;}
#sitemap ul ul ul ul {margin: 0px;padding: 0px 0px 0px 5px;width: 600px;}
#sitemap ul ul ul ul li {list-style-type:none;}
#sitemap ul ul ul ul li a {width: auto;padding: 0 20px 0 0;margin: 0 10px 0 0;border-right: 1px solid #999;color: #8d8e8c;display: inline;clear: both;float: left;}



/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
/*base set*/
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;} 
html[xmlns] .clearfix {display: block;} 
.clearboth{clear:both;}

.flR{float:right;}
.flL{float:left;}


.color001{color:#06F;}

/*-------------content_box-------------*/
.content_box{
	width: 1000px;
	height: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -500px;
	background: #FFFFFF;
	outline: 1px solid #333333;
	display: none;
	z-index: 5;
}
.content_box .left{
	width: 379px;
	height: 480px;
	text-align: center;
	padding: 10px;
	float: left;
	border-right: 1px solid #CCCCCC;
}
.content_box .right{
	width: 580px;
	height: 480px;
	float: left;
	padding: 10px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.content_box .close{
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #333333;
	cursor: pointer;
	display: block;
	margin: 20px auto;
}
.content_box_bg{
	width: 100%;
	height: 100%;
	background: #000000;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	display: none;
	opacity: 0;
}

.ebook_list_title a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.previous{
	float: left;
	margin: 4px 4px 0 0;
}
.next{
	/*float: left;*/
	margin: 4px 4px 0 0;
}