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

body{
	margin:0px;
	font: 12px "微軟正黑體", Arial, Helvetica, sans-serif  ;
	background:url(../images/bg.jpg) repeat-x 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:30px; padding-top:7px; 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_______________________________________________________________________________*/
#idx_left{ width:180px; float:left; height:380px;}
.project_l{ width:178px; height:47px; border-bottom:1px solid #bac0c3;border-left:1px solid #bac0c3;border-right:1px solid #bac0c3;}
.project_l img{ padding:2px; background-color:#FFF; border:1px solid #c7cbcd; margin-top:5px; margin-left:5px; margin-right:5px; float:left;}
.project_l a{width:178px;height:47px;background:url(../images/projectbg.jpg) no-repeat center center; display:block; line-height:47px; float:left; font-size:13px;}
.project_l a:hover{background:url(../images/projectbg-v.jpg) no-repeat center center; }

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

/*idx_right start_______________________________________________________________________________*/
#idx_right{ float:right;}
.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{ 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:740px; height:306px; clear:both;position:relative}
#banner *{ position:absolute;top:0;left:0;z-index:1}

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

/*main start_______________________________________________________________________________*/
#main{ width:740px; clear:both;}
.title_m{background:url(../images/idx-titlebg-m.png) no-repeat center center; width:718px; height:30px; padding-top:7px; padding-left:22px; font-size:15px; margin-top:10px;}
#hot{height:520px; width:738px; border-bottom:1px solid #bdbdbd;  border-right:1px solid #bdbdbd;  border-left:1px solid #bdbdbd;  }
#hot_photo{width:738px; height:460px; position:relative; overflow:hidden;}
.slide_move{  position: absolute;}
#hot_prev{ width:738px; text-align:center; padding:10px 0px; }
#hot_next{width:738px; text-align:center;padding:10px 0px; }
.slide_pic{ position:absolute; width:700px; margin:5px 0px 5px 10px;  _margin:5px 0px 5px 5px;border:1px solid #bdbdbd; width:717px; height:136px;}
.slide_pic img { float:left; width:154px; height:117px; margin-top:10px; margin-left:10px;}
.hot_name{ width:505px; height:31px;   border:1px solid #bdbdbd;
background:url(../images/hot_namebg_gray.png) no-repeat 10px center;  background-color:#f4f4f4;line-height:31px; padding-left:25px; font-size:14px; font-weight:bold;}
.hot_name a{ color:#000;}
.hot_name a:hover{ color:#2294E6;}
.hot_main{float:left; width:540px; margin-top:10px;margin-left:10px;}
.hot_main p{ width:520px; font-size:13px; color:#626262; padding-left:5px;}

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


/*footer start_______________________________________________________________________________*/
#footer{clear:both;margin:0 auto;height:102px;background:url(../images/footerbg.jpg) no-repeat 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--------------------------------------------------------------------------------*/
