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

body{
	margin:0px;
	font: 12px "微軟正黑體", Arial, Helvetica, sans-serif  ;
	background:url(../images/bg.jpg) no-repeat center top;
	background-color:#FFF;
	border-top:4px solid #CCC;
}

a{
	text-decoration:none;
	color:#000;
}
img{
	border:0px;
}

ul, li, h1, h2{
	list-style:none;
	margin:0px;
	padding:0px;
}
/*all end--------------------------------------------------------------------------------*/



/*wrapper start_______________________________________________________________________________*/
#wrapper{margin:0px auto;width:1120px;height:auto;}
/*wrapper end--------------------------------------------------------------------------------*/


/*header start_______________________________________________________________________________*/
#top{height:106px;position:relative;}
/*header end--------------------------------------------------------------------------------*/

#web_map{ position:absolute; top:30px; right:320px;}
#web_map a{color:#000; border-bottom:1px solid #000;}
#web_map a:hover{color:#bdbdbd;border-bottom:1px solid #bdbdbd;}


/*logo start_______________________________________________________________________________*/
#logo{ position:absolute; top:15px; left:15px;}
/*logo end--------------------------------------------------------------------------------*/


/*language start_______________________________________________________________________________*/
#language{ position:absolute; top:30px; right:10px;}
#language a{ width:65px; height:15px; background:url(../images/langbg.jpg) no-repeat left top; padding: 0px 20px 0px 10px; color:#000;}
#language a:hover{ color:#bdbdbd;}
/*language end--------------------------------------------------------------------------------*/

/*search_bar start_______________________________________________________________________________*/
#search_bar{ position:absolute; right:30px; bottom:15px; }
#search_bar input{ border:1px solid #000; height:22px; float:left; margin-right:3px; width:190px; padding-left:5px; line-height:22px;}
#search_bar a{ float:left;}


/*menu start_______________________________________________________________________________*/
#menu{background:url(../images/menubg.png) no-repeat right top; width:1120px; height:35px; margin-top:1px;}
#menu ul li{float:left;line-height:35px;height:35px;width:160px;text-align:center;}
#menu ul li a{font-size:15px;font-weight:bold;color:#000;background:url(../images/menubg-s.png) no-repeat center center;height:35px;width:160px; display:block;}
#menu ul li a:hover{background:url(../images/menubg-s-v.jpg) no-repeat center center; color:#FFF;}
#menu ul li a.current{background:url(../images/menubg-s-v.jpg) no-repeat center center; color:#FFF;}
/*menu end--------------------------------------------------------------------------------*/





/*master start_______________________________________________________________________________*/
#master{ width:1120px; margin-top:10px; height:auto;}
.title_s{background:url(../images/idx-titlebg-s.png) no-repeat center center; width:158px; height:29px; padding-top:8px; padding-left:22px; font-size:15px;}
.title_s_app{background:url(../images/idx-titlebg-s-app.png) no-repeat center center; width:158px; height:30px; padding-top:7px; padding-left:22px; font-size:15px;}
/*master end--------------------------------------------------------------------------------*/

/*idx_left start_______________________________________________________________________________*/
#left{ width:180px; float:left; height: auto; margin-bottom:20px; margin-top:20px;}
.submenu{ width:180px; height:auto;}
#submenu-title{background:url(../images/title-left.png) no-repeat center center; width:158px; height:28px; padding-top:9px; padding-left:22px; font-size:15px;color:#FFF;}
.menu_head{ margin:0; padding:0;}
.menu_head > a{ background:url(../images/menu_headbg.jpg) no-repeat center center;  height:25px; width:148px; display:block; border-bottom:1px solid #bfc2c3; border-left:1px solid #bfc2c3; border-right:1px solid #bfc2c3; padding-top:8px; padding-left:30px; font-size:13px;}
.menu_head > a:hover{ background:url(../images/menu_headbg-v.jpg) no-repeat center center; color:#025fac;}
.menu_head > a.current{ background:url(../images/menu_headbg-v.jpg) no-repeat center center; color:#025fac;}
.menu_body{background:url(../images/menu_bodybg.jpg) no-repeat top center; border-bottom:1px solid #bfc2c3; border-left:1px solid #bfc2c3; border-right:1px solid #bfc2c3; background-color:#f4f4f4;padding:10px 0px 10px 30px;}
.menu_body li{background:url(../images/menu_body-list.jpg) no-repeat center left; padding-left:15px; padding-bottom:3px;}
.menu_body li a{ font-size:13px; color:#6b6b6b;}
.menu_body li a:hover,.menu_body li a.current{color:#2294e6;}


/*idx_left end--------------------------------------------------------------------------------*/

/*idx_right start_______________________________________________________________________________*/
#right{ float:right; margin-top:20px; margin-bottom:20px;}
.project_r{ background-color:#FFF; width:178px; height:auto;border-bottom:1px solid #bac0c3;border-left:1px solid #bac0c3;border-right:1px solid #bac0c3;}
.project_r ul{ padding:10px 0px 15px 20px;}
.project_r ul li{ padding-top:5px; }
.project_r ul li a{ background: url(../images/hot_namebg_dark.png) no-repeat left center;padding-left:15px; color:#000;}
.project_r ul li a:hover,.project_r ul li a.current{ color:#2294e6}
/*idx_right end--------------------------------------------------------------------------------*/


/*center start_______________________________________________________________________________*/
#center{ width:740px; margin:0px 10px 10px 10px;  _margin:0px 5px 10px 5px; _padding-bottom:10px; float:left; }
/*center end--------------------------------------------------------------------------------*/

/*banner start_______________________________________________________________________________*/
#banner{ width:1120px; height:124px; clear:both; padding-top:10px; position:relative;}
.pagination{ width:260px; position:absolute; right:5px; bottom:10px;}
.pagination a{ width:34px; height:8px; background-color:#777777; display:block; float:left; margin:0px 1px; }
.pagination a:hover{ background-color:#2496ea;}
.pagination a.current{ background-color:#2496ea;}
#idxbannerslides { position: absolute;top: 0;z-index: 100;}
#idxbannerslides .next, #idxbannerslides .prev { display: block;height: 56px;left: 0;opacity: 0.3;position: absolute;top: 110px;width: 56px;z-index: 101;}

/*banner end--------------------------------------------------------------------------------*/

/*main start_______________________________________________________________________________*/
#path{height:20px; float:right;}
#path a{ color:#656565; text-decoration:underline; }
h1{float:left;background:url(../images/idx-titlebg-m.png) no-repeat center center; width:718px; height:29px; padding-top:8px; padding-left:22px; font-size:15px;}
#main{ float:left; width:738px; height:auto;border-bottom:1px solid #bac0c3;border-left:1px solid #bac0c3;border-right:1px solid #bac0c3; background-color:#FFF; padding-bottom:10px; margin-bottom:10px; color:#000;}
.aboutus{background:url(../images/aboutusbg.jpg) no-repeat top center; padding:260px 40px 0px 40px; }
.aboutus p{ font-size:14px; color:#626262;}
h2{ font-size:14px; color:#000; padding:10px; }

/*main end--------------------------------------------------------------------------------*/

/*product*/
.product_list{ width:738px; float:left;border-top:1px solid #bac0c3;background:url(../images/pro_listbg.jpg) repeat-x top left;}
.product_pic{ float:left; padding:10px; width:197px; height:150px;text-align:center   }
.product_pic .wrapper{ width:195px; height:148px;text-align:center;vertical-align: middle;display:table-cell;
padding:0;margin:0;border:1px solid #BFC2C3;   }
.product_pic img{/*border:1px solid #BFC2C3;*/}
.product_list_title{ width:490px; height:30px; float:left;background:url(../images/hot_namebg_gray.png) no-repeat center left;
/*background:url(../images/project_r.jpg) no-repeat center left;*/
margin:10px 0px 0px 10px; line-height:30px; padding-left:15px; font-size:15px; font-weight:bold;}
.product_list_des{ float:left; width:500px; margin:10px;_margin:5px;  font-size:13px; line-height:20px;}
.product_list_des a{ color:#626262;}
.product_list_des a p{ margin:0}

#product{ padding-left:5px;}
.product_list2{ width:172px; float:left; padding:6px; height:170px; }
.product_pic2{ width:172px;height:131px;}
.product_pic2 .wrapper{ width:170px;height:129px;text-align:center;vertical-align: middle;display:table-cell;border:1px solid #BFC2C3;}
.product_pic2 img{/*border:1px solid #BFC2C3;*/}
.product_list_title2{ width:170px;text-align:center; font-size:13px; padding-top:5px;}

/*products_show*/
.pdtop{ width:738px; background:url(../images/products-show-line.jpg) no-repeat bottom center; padding:0 0 20px 0}
.pdtop_area1{ float:left;width:542px;}
.pdtop_area2{float:left;width:190px;}
.products_show{}
.pdpic{width:502px; height:381px; padding:20px 20px 10px 20px; float:left; text-align:center; }
.pdpic .wrapper{
	margin: 0px; 
	padding: 0px;
	width: 500px;
	height: 379px;
        text-align:center;
        vertical-align: middle;
        border: 1px solid #BFC2C3;display:block;        
        display:table-cell;
}
.pdpic a{}
.pdpic img{/*border:1px solid #BFC2C3;*/}
.products_show_name{float:left; width:170px; font-size:20px; margin-top:20px; margin-bottom:10px; padding-right:20px;}
.products_show_des{float:left; width:170px; font-size:14px; color:#626262;padding-right:20px; line-height:25px;}
.products_show_des p{ padding:0; margin:0;}
.btn01{float:left; width:190px; paddding:0}
.btn02{float:left; width:95px; padding-top:5px;}
.btn02 a{background:url(../images/products_show_btn.jpg) no-repeat center center; width:84px; height:27px; display:block; text-align:center; font-size:13px; font-weight:bold; padding-top:10px;}
.btn02 a:hover{background:url(../images/products_show_btn-v.jpg) no-repeat center center;}
.products_show_title{ float:left; margin:10px 17px 5px 17px;  _margin:10px 8px 5px 8px; width:700px; height:27px;background:url(../images/products-show-titlebg.jpg) no-repeat center left; font-size:18px; font-weight:bold; line-height:27px; color:#0c3dad; padding-left:15px;}

.des_title{background:url(../images/des_title_bg.jpg) no-repeat left top;width: 697px;height:43px;padding: 14px 0 0 12px;font-weight: bold;	}

.pro_top_title{width: 660px;color: #2294E6;font-size: 18px;font-weight: bold;height: 27px;line-height: 27px;line-height: 27px;margin: 10px 17px 5px;padding-left: 10px;border-left: 7px solid #2294E6;border-bottom: 1px solid #2294E6;}
.products_show_introduction{ float:left;width:700px; height:auto; margin:5px 20px;  _margin:5px 10px;}
.products_show_introduction ul{ font-size:14px; font-weight: bold; padding-left:15px;}
.products_show_introduction ul li{ font-size:13px; margin-left:10px;background:url(../images/products-show-li2.jpg) no-repeat left 10px;
padding:5px 0px 5px 15px;}
.products_show_introduction ul li p{ font-size:13px; padding:0; margin:0; font-weight:normal;}
.products_show_introduction p{ font-size:13px; padding:5px 0px; margin:0; line-height:25px;}
.model{background:url(../images/modelbg.jpg) repeat-x left center; height:23px; line-height:23px; padding-left:5px; border-bottom:1px solid #E3E3E3; font-weight:bold; color:#000;}


.products_show_title2{ float:left; margin:10px 17px 5px 0px;  _margin:10px 8px 5px 8px; width:700px; height:27px;background:url(../images/products-show-titlebg.jpg) no-repeat center left; font-size:18px; font-weight:bold; line-height:27px; color:#2294e6; padding-left:15px;}
.products_show_introduction2{ float:left;width:700px; height:auto; margin:5px 0;  _margin:5px 0;}
.products_show_introduction2 ul{ font-size:14px; font-weight: bold; padding-left:15px;}
.products_show_introduction2 ul li{ font-size:13px; margin-left:10px;background:url(../images/products-show-li2.jpg) no-repeat left 10px;
padding:5px 0px 5px 15px;}
.products_show_introduction2 ul li p{font-size:13px; padding:0; margin:0; font-weight:normal;}
.products_show_introduction2 p{ font-size:13px; padding:5px 0px 5px 10px; margin:0; line-height:25px;font-weight:normal;}



/*application*/
#application{ padding-left:5px;}
.application_list{ width:170px; float:left; padding:6px; height:170px; }
.application_pic{}
.application_pic img{ border:1px solid #BFC2C3;}
.application_list_title{ width:170px;text-align:center; font-size:13px; padding-top:5px;}


/*application-show*/
.application_show_title{ float:left; margin:10px 17px 5px 17px;  _margin:10px 8px 5px 8px; width:700px; height:27px;background:url(../images/products-show-titlebg.jpg) no-repeat center left; font-size:18px; font-weight:bold; line-height:27px; color:#2294e6; padding-left:15px;}
.application_show_introduction{ float:left;width:700px; height:auto; margin:5px 20px;  _margin:5px 10px;}
.application_show_introduction img{border:1px solid #BFC2C3;}
.application_show_introduction p{ font-size:13px; padding:5px; margin:0;}


/* news */
.news{width:680px;height:100px;padding:15px 0 0 0;line-height:1.5em; margin:10px auto; border-bottom:1px solid #BFC2C3;}
.news_title{ color:#2294e6; font-size:15px;}
.news_data{color:#0A5989}
.news a{font-weight:bold;}
.news img{float:left;margin-right:10px;}

/* contact us */
#contactus{ width:680px; margin:0 auto;}
.contact1{float:left;width:350px;}
.contact1 span{color:#F00;font-weight:bold;}
.contact1 input,select{border:1px solid #999;width: 180px;}
.contact1 td{padding:0 0 15px 0;}
.contact1 img{vertical-align: middle}
.contact2{color:#000;	float:left;width:300px;}
.contact2 textarea{border:1px solid #999;width:300px;height:150px;line-height:1.7em;}
.ctbtn{width:300px;padding-top:20px;}
.ctbtn1{width:100px;height:20px;float:right;text-align:center;color:#FFF;margin-left:1px;background-color:#6c6c6c;line-height:1.7em;border:none;
 cursor:pointer;}


/* site map */
#sitemap {margin:0px;padding:0 10px 10px 20px;width:700px;height: auto;font: 13px "微軟正黑體";display: inline;float: left;}
#sitemap a {text-decoration: none;}
#sitemap ul {float:left;font-size: 13px; list-style-type: none; margin: 0;padding: 4px 6px;text-align: left;width: 650px;}
#sitemap ul li {float:left;border-bottom: 1px solid #00345f;margin: 5px 10px; padding: 5px; width: 650px;background: url no-repeat left 10px;}
#sitemap ul li a {margin: 0px;padding: 0px;width: 120px;text-align: left;color: #00345f;display: block;line-height: 18px; font-size:13px; 
font-weight:bold;}
#sitemap > ul > li > ul {float:left;padding: 0px;margin: 0px;}
#sitemap > ul > li > ul > li {float:left;border-bottom:none;background: none;width:620px;padding-left:20px;}
#sitemap > ul > li > ul > li > a {border-bottom:1px dashed;margin: 0px;padding: 0px;width: auto;display: block;clear: both;color: #0066CC; 
font-weight:normal;}
#sitemap > ul > li > ul > li > ul {float:left;margin: 0px;padding: 5px 0px 0px 22px;width: 270px;}
#sitemap > ul > li > ul > li > ul > li {border-bottom:none;background: url no-repeat left 10px;float: left;width: 250px;margin-left:5px;}
#sitemap > ul > li > ul > li > ul > li > a {color: #6c6c6c;font-weight:bold;line-height: 18px;border:1px dotted #6c6c6c;padding:5px;width: auto;}
#sitemap > ul > li > ul > li > ul > li > ul {margin: 0px;padding: 0px 0px 0px 5px;list-style-type: none;}
#sitemap > ul > li > ul > li > ul > li > ul > li {width: auto;float: left;border-bottom:none;margin:0px;}
#sitemap > ul > li > ul > li > ul > li > ul > li > a 
{width: auto;margin:0px;padding-left:5px;border-left:1px solid;color: #333333;display: inline;clear: both;
font-weight:normal;}



/*footer start_______________________________________________________________________________*/
#footer{clear:both;margin:0 auto;height:102px;background:url(../images/footerbg.jpg) repeat-x top center; }
#footer_main{ margin:0 auto; width:1120px; height:82px; font-size:13px; color:#6f6d6d; padding:20px 0 0 20px;}
#footer_main span{ font-size:13px; color:#000;}
#copyr{ float:right; padding-right:20px;}
/*footer end--------------------------------------------------------------------------------*/

.classification_title{margin-bottom:10px;padding:5px 0;}
.classification_title a{ background:url(../images/classification_title_abg.png) repeat-x left center;
display:block;float:left;margin:5px 10px;font-size:13px;padding:2px 3px; border:1px solid #999; color:#FFF; border-radius:5px;}
.classification_title a:hover{border:1px solid #999;background:url(../images/classification_title_abgv.png) repeat-x left center;color:#fff;border-radius:5px;}
.classification_title a.current{border:1px solid #999;background:url(../images/classification_title_abgv.png) repeat-x left center;color:#fff;border-radius:5px;}