@charset "utf-8";
/* CSS Document */
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,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,img, p{font: 12px Arial, "微軟正黑體", Helvetica, sans-serif;margin:0;padding:0;border:0;outline:0;vertical-align: baseline;}


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 */}

body{ background: url(../images/bg.jpg) no-repeat center top #fff;}

/*WRAPPER*/
#wrapper{margin:0px auto; padding-top:5px;}

/*HEADER*/
#header{ width:1002px; clear:both; margin:0px auto; height:84px;}

/*LOGO*/
#logo{float:left;margin-top:17px;}
#logo a{
	width:190px;
	height:41px;
	display:block;
	overflow:hidden;
	line-height:90000px;
	background: url(../images/logo.png) no-repeat top left;}

/*LANGUAGE*/
#language{ float:right;}
#language ul{list-style-type:none;}
#language li{float:right;}
#language li a{ font-weight:700;display:block;color:#f5f5f5; font-size:16px; font-family: Arial, "微軟正黑體", sans-serif; text-align:center; text-transform:uppercase; width:41px; height:19px; margin-top: 30px;}
#language li a:hover{ color:#fff;}
#language li a.current{ color:#363636; background:url(../images/lanbg.png) no-repeat left center;}

/*MENU*/
#menu{ float: right;}
#menu ul{ list-style-type:none;}
#menu li{ float: right;}
#menu li a{ display:block;  color:#f5f5f5; font-size:16px; font-family:Verdana, "微軟正黑體", Geneva, sans-serif; text-transform:uppercase; padding:0px 12px; line-height:84px;}
#menu li a:hover{color:#c4e9ef;}
#menu li a.current{background:url(../images/icon01_b.png) no-repeat center top; color:#c4e9ef;}

/*BANNER*/
#banner{clear:both; height:116px; width:1002px; margin:0px auto; text-align: right;}

/*MASTER*/
#master{ position:relative; margin:0px auto; width:1002px;}
#right{min-height: 300px; background:url(../images/masterbg.png) repeat-y center top; padding:30px 20px 40px 260px; margin-top:94px; width:722px; overflow:hidden;}
#left{ position:absolute; top:0px; left:10px; width:240px; z-index:10;}
#pagetitle{ display:block; position:absolute; z-index:3; background:url(../images/master_topbg.png) no-repeat left top; height:69px; width:724px; padding:33px 18px 0px 260px; left:0px; top:108px;}

/*SUBMENU*/
.submenu{background:url(../images/leftbg.png) no-repeat left top; padding:0px 10px 30px; }
.submenutitle{ margin-bottom:40px; font-family:Verdana,"微軟正黑體" , Geneva, sans-serif; padding:36px 5px 13px 12px ; color:#fff; font-size:26px; padding-bottom:13px; width:220px; background:url(../images/line01.png) no-repeat left bottom;}
.submenu_bottombg{ display:block; margin:20px 0px 0px 8px;}

.menu_head {background:url(../images/line02.png) no-repeat left bottom;}
.menu_head a{color:#c4e9ef; display:block; font-size:14px; line-height:25px; padding:3px 10px 3px 15px;}
.menu_head a:hover{color:#03a9bc;}
.menu_head a.current{color:#03a9bc;}

.menu_body { margin-top:15px; padding-right:10px;display:none}
.menu_body ul{ list-style:none; border-bottom:1px dotted #555;}
.menu_body li{}
.menu_body li a{ word-wrap:break-word;word-break:keep-all;  padding-left: 25px;display:block;line-height:25px;color:#c4e9ef;font-size:13px; margin-bottom:5px;}
.menu_body li a:hover{color:#03a9bc;}
.menu_body li a.current{background:url(../images/submenu_cbg.png) no-repeat left 3px; color:#363636;}


/*FOOTER*/
#footer{ background: url(../images/masterbg_idx.jpg) repeat-x top #434343;}
#footer h2{ font-size:12px; font-weight:700; color:#fff; line-height:22px;}

#main02{ overflow:hidden; clear: both; background:url(../images/map.png) no-repeat right top; width:1002px; margin:0px auto; padding:41px 0px 20px;}

#service{float:left; list-style:none; width:233px; padding-right:20px;}
#service li{}
#service li a{ background:url(../images/icon02.png) no-repeat left 6px; padding-left:13px; display:block; line-height:20px; color:#c7c7c7;}
#service li a:hover{ color:#fff;}

#contact{ float:left; list-style:none; width:745px;}
#contact li{float:left;display:block; line-height:20px; color:#c7c7c7; width:280px;}
#contact .leftmain{ border-right:2px dotted #c7c7c7; width:300px;padding-right:25px; margin-right:20px;}



#cop{ background:#363636; clear:both; color:#919090; padding:20px 0px; text-align:center;font-family:Verdana, "微軟正黑體", Geneva, sans-serif;}


/*TYPEFACE*/

.title{ margin-bottom:20px; font-size:18px; line-height:25px; color:#000; font-family:Verdana, "微軟正黑體", Geneva, sans-serif;}
h1{ margin:0px 0px 5px 10px; color:#454545; font-size:25px; line-height:25px; font-weight:700;}
h2{ font-size:18px; color:#1594a6; line-height:25px;}
p{ color:#363636; font-size:14px; line-height:25px;}
p a{ color:#363636; font-size:14px; line-height:25px;}

/*PATH*/
#path{list-style:none;  font-size:12px; background:url(../images/line03.png) no-repeat left bottom; padding-bottom:35px; clear:both;}
#path li{ line-height:25px; float:left;font-size:12px; color:#333;}
#path li a{line-height:25px; margin-right:5px; display:block;padding:0px 8px;  color:#636363; background:url(../images/icon03.png) no-repeat right 7px;}
#path li a:hover{color: #333;}

/*PICBOX*/
#picbox{ margin:30px 0px 0px -20px; background:url(../images/picbox.png) no-repeat center top; width:746px; height:147px; padding:15px 0px;}
.arrow_l{ float:left; margin-top:20px; margin:54px 30px 0px 0px;}
.arrow_r{float: right; margin-top:20px; margin:54px 0px 0px 30px;}

#picbox .slide_box{ width:610px; height:142px; overflow:hidden; list-style:none;float:left;}
.slide_move{position: relative; left:0px; top:0px;}
#picbox .slide_pic{ position:absolute; background:url(../images/picbg.png) no-repeat left top; padding:4px; width:188px; height:138px;}

/*TOPBOX*/
#top_btn {display:block; bottom: 70px; height: 56px; position: fixed; right:80px; text-align: center; width: 59px;}

/*BTN*/
.btn01{ height:34px; background:url(../images/btn01.png) repeat-x left top; padding-top:6px; margin-bottom:24px;}
.btn01 a{ color:#fff; text-transform:uppercase; line-height:14px; font-size:14px; width:114px; text-align:center; display:block; float:left; border-right:1px solid #fff;}
.btn01 a.line{ border:none;}

.btn02{ float:left; display:block; font-size:16px; margin:0px 8px; background:url(../images/btn02.jpg) no-repeat left top; color:#fff; width:177px; height:25px; line-height:25px; text-align:center;}

.btn03{ float: right; background:url(../images/btn03.jpg) no-repeat left top;width:108px; height:25px; text-align:center;display:block; font-size:16px;  margin:0px 8px; color:#fff;  line-height:25px;}
.btn03 .l{ float:left; margin:3px 2px 0px 10px;}
.btn03 .r{ float:right; margin:3px 10px 0px 2px;}

/*PRODUCTLIST*/
.productslist{ float:left; margin:0px 8px 0px 0px; width:232px; height:250px; display:table;}
.productslist_pic{ padding:3px 3px 0px 3px; background:url(../images/prolist_bg01.png) no-repeat left top; width:226px; height:173px;text-align:center }
.productslist:hover .productslist_pic{ background:url(../images/prolist_bg02.png) no-repeat left top;}

.productslist_title{ line-height:18px;  vertical-align:middle;  font-size:15px; height:30px; text-align:center; padding:5px 10px 20px 10px; color:#303030; background: url(../images/prolist_bg01t.png) no-repeat left bottom;}
.productslist:hover .productslist_title{  background:url(../images/prolist_bg02t.png)  no-repeat left bottom;}

/*PRODUCTSSHOW*/
.productshow{ overflow:hidden; clear:both; padding-bottom:25px; margin-bottom:35px; background:url(../images/line04.png) repeat-x left bottom;}
.show_main{ float: right; width:240px; padding-top:10px;}
.show_pic{ padding:4px; background: url(../images/propic_bg.png) no-repeat; margin:0px 15px 5px 0px; width:457px; height:332px;}
.show_arrow_l{ margin:5px 0px; float:left; width:21px; height:50px;}
.show_arrow_r{ margin:5px 0px; float:right; width:21px; height:50px;}
.show_picbtn{ width:460px; padding:0px 12px}
.show_picbtn .container{ margin:0px 25px;float:left; }
.show_picbtn .container ul.box{ list-style:none;}
.show_picbtn li{ float:left;cursor:pointer}
.show_picbtn li a{ margin:0px 3px;}
.show_name span{ color:#039daf; float:left; font-size:18px; margin-right:5px; background: url(../images/icon04.png) no-repeat left top; padding-left:29px;}
.show_name{ margin-bottom:10px; color:#303030; float:left; line-height:26px; font-size:13px;}
.show_title{ margin-bottom:10px; color:#039daf; clear:both; font-size:18px; background: url(../images/icon04.png) no-repeat left top; padding-left:29px;}
.show_main .show_introduction{ border:none;}
.show_introduction{ border-bottom:1px dotted #303030; padding-bottom:18px; clear:both; margin-bottom:15px;}
.show_introduction ul{ list-style:none; padding-left:8px;}
.show_introduction li{ list-style:outside disc; margin-left:10px;color:#303030; line-height:26px; font-size:13px;}

/*NEWS*/
.news_table {}
.news_table td {height: 25px;color: #333333;text-align: left;padding-left: 15px;}
.news_table td.title {}
.news_table td.title a {color: #333333;}
.news_table td.title a:hover {color: #09c5e3;}
.news_table td.date {color: #ff7e00;}
.news_table  tr.altrow {background-color: #ddd;}


/*CONTACTUS*/
.contact_table { width:90%;clear:both;border-top: 1px solid #888;background:none;}
.contact_table th {color: #FFF;font-weight:normal;background-color: #444;text-align: left;padding-left: 10px;
	border-bottom: 1px solid #888;border-right: 1px solid #888;}
.contact_table td {background:none;height: 24px;color: #484848;text-align: left;padding: 4px 0px 4px 10px;
	border-bottom: 1px solid #888;border-right: 1px solid #888;}
.contact_table input{ border:#999 1px solid;}
.contact_table textarea{ border:#999 1px solid;}
.contact_table img{ vertical-align: middle;}

/*SITEMAP*/
#sitemap {padding: 15px 5px 20px 5px;width: 650px;overflow:hidden;height: auto;}
#sitemap a {text-decoration: none;}
#sitemap ul {margin:0px;list-style-type: none;line-height:18px;}
#sitemap ul li {padding: 5px 0px 0px 10px;float:left;}
#sitemap ul li a {margin: 0px;color: #039daf;display: block;width: 600px; font-size:15px; font-weight:bold;}
#sitemap ul li a:hover {color: #11afee;}
#sitemap ul ul {width:620px; margin:0px;}
#sitemap ul ul li a {width:620px;margin: 0px;padding: 0px;color: #ffb43d;display: block; clear:both; border-bottom:1px solid #ffb43d;}
#sitemap ul ul ul {margin: 0px;padding: 5px 0px 0px 0px;width: 620px;}
#sitemap ul ul ul li {background: none;}
#sitemap ul ul ul li a {margin: 0px;padding: 0px;color: #0a5989;display: block; border-bottom:none;}
#sitemap ul ul ul ul li {list-style-type:none;}
#sitemap ul ul ul ul li a {width: auto;padding: 0 10px 0 0;margin: 0px 5px 0 0;border-right: 1px solid #999;color: #999;display: inline;float:left; font-weight:normal;}
/* inquiry */
.inquiry_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #B6B6B6;
	border-left-color: #B6B6B6;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.inquiry_table th {
	color: #333333;
	background-color: #cccccc;
	font-size: 12px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	border-right-color: #B6B6B6;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-bottom: 4px;
}
.inquiry_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	color: #000000;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6B6B6;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
}
.inquiry_table td.no {
	color: #222222;
}
.inquiry_table td.title a:link {
	color: #222222;
	text-decoration: none;
}
.inquiry_table td.title a:visited {
	color: #222222;
	text-decoration: none;
}
.inquiry_table td.title a:hover {
	color: #FF0000;
	text-decoration: none;
}
.inquiry_table td.title a:active {
	color: #222222;
}
.inquiry_table td.date {
	color: #222222;
}
.inquiry_table  tr.altrow {
	background-color: #999999;
}
/* member form */
.member_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #B6B6B6;
	border-left-color: #B6B6B6;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.member_table th {
	color: #333333;
	background-color: #cccccc;
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-right-color: #B6B6B6;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
}
.member_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 24px;
	color: #222222;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	background-image: url(../images/ws-bg-09.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6B6B6;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
}
.member_table tr.altrow {
	background-color: #cccccc;
}



.datatable{ border-left: 1px solid #1594A6;border-top: 1px solid #1594A6;}
.datatable th{background-color: #1594A6;color: #FFFFFF;font-size: 15px;line-height: 30px;}
.datatable td{border-bottom: 1px solid #1594A6;border-right: 1px solid #1594A6;font-size: 13px; padding: 5px;}