/* CSS Document */
body  {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background: url(../images/bg.gif) center repeat-y;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	background:url(../images/bg.gif) center repeat-y;
}
form{margin:0; padding:0;}
a:hover{position:relative;top:1px;left:1px;}
#container { 
	width: 1001px;  
	margin: 0 auto; 
	border-top: 3px solid #83daed;
	text-align: left; 
} 
#header { 
	height:117px;
} 
.logo{	
	background: url(../images/logo.gif); 
	height:86px;
}
.main_menu{
	background:url(../images/menu_bg.gif);
	height:31px;
	margin-top:-12px;*margin-top:0px !important; _margin-top:0px;/*区别FF，IE7，IE6*/
}
.main_menu li{
	list-style:none;
	float:left;
	text-align:right;
	margin:8px 45px 8px 0;
}
.main_menu li.m1{
	background:url(../images/icon_m1.gif) left 2px no-repeat; 
}
.main_menu li.m2{
	background:url(../images/icon_m1.gif) left 2px no-repeat; 
}
.main_menu li.m3{
	background:url(../images/icon_m1.gif) left 2px no-repeat; 
}
.main_menu li.m4{
	background:url(../images/icon_m1.gif) left 2px no-repeat; 
}
.main_menu li.m5{
	background:url(../images/icon_m1.gif) left 2px no-repeat; 
}
.main_menu li.m6{
	background:url(../images/icon_m1.gif) left 2px no-repeat; 
}
.main_menu li.m7{
	background:url(../images/icon_m1.gif) left 2px no-repeat; 
}

.main_menu li a{
	color:#fff;
	cursor:pointer;
	padding:0 0 0 25px;
	text-decoration:none;
	font-weight:bold;
}
.main_menu li a:hover{
	text-decoration:underline;
	position:relative;
	top:1px;
    left:1px;
}

#footer { 
	line-height:160%;
	padding: 0 10px 0 20px; 
	height:80px;
	border-top:5px solid #83daed;
	border-bottom:1px solid #ddd;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
}
#footer a{
	color:#666;
	text-decoration:none;
}
#footer a:hover{
	color:#999;
	text-decoration:underline;
}
.link{color:#666;margin-left:50px;}
.link span{color:red;}
.link a{color:#666;text-decoration:none;}
.link a:hover{color:#ccc;text-decoration:underline;}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*頁數樣式
=============================================================================================*/
.PagerWrap{
	clear:both;
	padding:5px 10px;
	font-size:12px;
	color:#5f5f5f;
}
.PagerWrap a{
	font-size:11px;
	color:#5f5f5f;
	font-family:Verdana;
	padding:3px;
	text-decoration:none;
}
.PagerWrap a:hover{
	color:#a7e049;
	font-size:11px;
}
.PagerWrap span{
	border-right: 1px dotted #000; 
	padding-right:5px;
	margin-right:5px;
}

/*首頁左側樣式
==============================================================================*/
.index #sidebar1 {
	float: left; 
	width: 231px; !important;width: 221px;
	background: #fff; 
	padding: 5px 5px 15px 5px; *padding:20px 5px 15px 5px;
}
/*首頁新聞樣式*/
.index #sidebar1 .news {
	background:url(../images/in_news_bg.gif) bottom no-repeat;
	width:211px;
	padding-bottom:10px;
}
.index #sidebar1 .news dd a{
	padding-left:40px;
	color:#7f7f7f;
	text-decoration:none;
}
.index #sidebar1 .news dd a:hover{
	color:#7bb700;
	position:relative;
	top:1px;
	left:1px;
}
.index #sidebar1 .news dt {
	background:url(../images/in_news_title.gif) no-repeat;
	height:18px;
	padding:8px 0px 8px 10px;
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
}
.index #sidebar1 .news dd {
	line-height:260%;
	margin-bottom:3px;
	margin-left:0px;
	background:url(../images/news_list_bg.gif) bottom no-repeat;
}
.index #sidebar1 .news dt span{
	margin-left:90px;
}
/*首頁左側快速連接圖標*/
.index #sidebar1 .quicklink dt{
	margin:6px 0px;
}
/*首頁右側樣式
==============================================================================*/
.index #sidebar2 {
	float: right; 
	width: 261px; !important;width: 241px;
	padding: 5px 5px 15px 5px; *padding:17px 5px 15px 5px;
}
/*首頁右側推薦產品樣式*/
.index #sidebar2 .product{
	background: url(../images/in_pro_bg.gif) bottom no-repeat; 
	height:300px;
}
.index #sidebar2 .product dd span{
	background:url(../images/icon_m1.gif) no-repeat;
	line-height:200%;
	padding-left:24px;
}

/*首頁技術園地樣式*/
.index #sidebar2 .tech {
	background:url(../images/in_tech_bg.gif) bottom no-repeat;
	width:241px;
	padding-bottom:10px;
}
.index #sidebar2 .tech dd a{
	padding-left:50px;
	color:#7f7f7f;
	text-decoration:none;
}
.index #sidebar2 .tech dd a:hover{
	color:#7bb700;
	position:relative;
	top:1px;
	left:1px;
}
.index #sidebar2 .tech dt {
	background:url(../images/in_tech_title.gif) no-repeat;
	height:18px;
	padding:20px 0px 8px 20px;
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
}
.index #sidebar2 .tech dd {
	line-height:210%;
	margin-bottom:10px;
	margin-left:0px;
	background:url(../images/tech_list_bg.gif) bottom no-repeat;
}
.index #sidebar2 .tech dt span{
	margin-left:100px;
}
/*首頁中間樣式
==============================================================================*/
.index #mainContent { 
	margin: 0px 261px 0px 231px; 
	padding: 5px 0px 15px 0px; *padding:0px 0px 15px 0px;
	height:auto;
} 
.newpro{
	background:url(../images/in_middle_newpro_bg.gif) bottom left no-repeat;
	height:360px;
}
.newpro span{color:red;font-weight:bold;}
.newpro_content{margin:0 0px;line-height:180%; height:300px;width:480px;}
.newpro_content img{margin:20px 10px 80px;border:1px solid #ccc;}
.newpro_content h3{font-size:14px;color:#ff8800;margin:4px 0px 0 10px; border-bottom:1px dashed #ccc;}

.index .footer_ass{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.footip{float:left;margin:3px 0px;}
.footlink{ float:right;margin:3px 0px;}
.footlink a{ color:#666;text-decoration:none;}
.footlink a:hover{ color:#7bb700;text-decoration:none;}

/*内页左侧样式
====================================================================================*/
.page #sidebar1 {
	float: left; 
	width: 231px; !important;width: 221px;
	background: #fff; 
	padding: 5px 5px 15px 5px; *padding:20px 5px 15px 5px;
}
/*内页新聞樣式*/
.page #sidebar1 .news {
	background:url(../images/in_news_bg.gif) bottom no-repeat;
	width:211px;
	padding-bottom:10px;
}
.page #sidebar1 .news dd a{
	padding-left:40px;
	color:#7f7f7f;
	text-decoration:none;
}
.page #sidebar1 .news dd a:hover{
	color:#7bb700;
	position:relative;
	top:1px;
	left:1px;
}
.page #sidebar1 .news dt {
	background:url(../images/in_news_title.gif) no-repeat;
	height:18px;
	padding:8px 0px 8px 10px;
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
}
.page #sidebar1 .news dd {
	line-height:260%;
	margin-bottom:3px;
	margin-left:0px;
	background:url(../images/news_list_bg.gif) bottom no-repeat;
}
.page #sidebar1 .news dt span{
	margin-left:90px;
}
/*内頁左側快速連接圖標*/
.page #sidebar1 .quicklink dt{
	margin:6px 0px;
}

.page .news_list dl dd{line-height:180%;border-bottom:1px dashed #ccc;margin:5px;padding-left:18px; background:url(../images/icon_news01.gif) 3px no-repeat;}
.page .news_list a{color:#666;text-decoration:none;}
.page .news_list a:hover{text-decoration:underline;}
.page .news_list dl dd span{font-size:10px;margin-left:50px;}
.page .news_list p{margin:10px;font-size:12px;}
.page .news_list h1{font-size:14px;text-align:center;margin:0px 20px;padding:0;color:#000;}
.page .news_list h2{font-size:10px;text-align:right;padding:0 10px 5px 0px;border-bottom:1px dashed #ccc;margin:0 10px;font-weight:lighter;}
/*内页产品列表樣式*/
.page #sidebar1 .products_list {
	background:url(../images/in_news_bg.gif) bottom no-repeat;
	width:211px;
	padding-bottom:10px;
}
.page #sidebar1 .products_list dd a{
	padding-left:40px;
	color:#7f7f7f;
	text-decoration:none;
}
.page #sidebar1 .products_list dd a:hover{
	color:#7bb700;
	position:relative;
	top:1px;
	left:1px;
}
.page #sidebar1 .products_list dt {
	background:url(../images/in_news_title.gif) no-repeat;
	height:18px;
	padding:8px 0px 8px 10px;
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
}
.page #sidebar1 .products_list dt a{color:#fff;text-decoration:none;}

.page #sidebar1 .products_list dd {
	line-height:260%;
	margin-bottom:3px;
	margin-left:0px;
	background:url(../images/pro_list_bg.gif) bottom no-repeat;
}
.page #sidebar1 .products_list dt span{
}

/*内頁右側樣式
==============================================================================*/
.page #sidebar2 {
	float: right; 
	width: 200px;
	padding: 5px 5px 15px 5px; *padding:17px 5px 15px 5px;
}
/*内頁右側推薦產品樣式*/
.page #sidebar2 .product{
	background: url(../images/page_pro_bg.gif) bottom no-repeat; 
	height:auto;
}
.page #sidebar2 .product dd{margin-left:20px;}
.page #sidebar2 .product dd span{
	line-height:200%;
	padding-left:20px;
	text-align:center;
}
.page #sidebar2 .templete{
	background: url(../images/page_pro_bg.gif) bottom no-repeat; 
	height:auto;
}
.page #sidebar2 .templete dd{margin:5px 35px;}
.page #sidebar2 .templete dd span{
	line-height:200%;
	padding-left:20px;
	text-align:center;
}

.page #sidebar2 .templete dd img{padding:2px;background:#e9e9e9;border:1px solid #ccc;}
/*内頁中間樣式
==============================================================================*/
.page #mainContent { 
	margin: 0px 200px 0px 231px; 
	padding: 5px 0px 15px 0px; *padding:0px 0px 15px 0px;
	width:550px;
	height:auto;
} 
.pro_title{background:url(../images/pro_title.gif) center no-repeat;height:25px;font-size:12px;margin:15px auto;*margin:20px auto;padding:5px 0 0 25px;width:525px;}
.pro_title span{font-size:9px;font-family:Arial;}
.pro_title a{color:#666;text-decoration:none;}
.pro_title a:hover{color:#ff8800;}
.pro_list {float:left;text-align:center;margin:5px 10px;background:url(../images/pro_picbg.gif) top center no-repeat;width:150px;padding-top:6px;height:190px;}
.pro_list img{width:137px;height:137px;}
.pro_list h3{font-size:12px;font-weight:lighter;margin:9px 0 ;}
.pro_list a{color:#666;text-decoration:none;}
.pro_list a:hover{color:#ff8800;}

.aboutus p{margin:10px 20px;}
.case{background:url(../images/case_bg.jpg) no-repeat;height:245px;width:517px;margin:0 auto;padding:10px;line-height:180%;}
.case h1{font-size:14px;color:#ff8800;border-bottom:1px dashed #ccc;padding:5px;margin:5px;}
.case img{width:170px;height:124px;background:url(../images/case_pic_bg.jpg) no-repeat;padding:11px 30px 11px 2px;}
.case_content{ float:left;margin:-15px 10px 0 10px;*margin:0px 10px 0 10px;color:#666;width:295px;}
.case_content strong{margin:0 5px 0 0; color:#000;}
.contactus p{padding:10px;line-height:180%;}
.case_content a{color:#666;text-decoration:none;}
.case_content a:hover{text-decoration:underline;}

.pro_detail_pic img{width:200px;height:200px;float:left;margin:0 10px;}
.pro_detail_intro{float:left; color:#ff8800;margin-left:30px;}
.pro_detail_intro strong{font-size:15px;}
.pro_detail_intro dl dt{margin:8px 0;}
.pro_detail_intro span{color:#709c29;}
.pro_detail_intro a{color:#666;}
.pro_detail {background:url(../images/pro_subtitle.gif) top left no-repeat;padding:4px 0px 8px 20px; *padding:7px 0 8px 20px;margin:0 25px 0 5px;color:#666;}
.pro_detail span{color:#fff;}
.enquiry_form{color:#666; }
.enquiry_form strong{color:red;}
.enquiry_form input{border:0px;border-bottom:1px #ccc solid;background:url(../images/arrow_01.gif) center left no-repeat; padding-left:10px; color:#666;font-size:12px;}
.enquiry_form textarea{border:1px #ccc solid;}

.server a:hover{position:relative;top:0px;left:0px;}

/*網頁模板樣式*/
.page #mainContent_template { 
	margin: 0px 200px 0px 231px; 
	padding: 5px 0px 15px 0px; *padding:0px 0px 15px 0px;
	width:550px;
} 
.temp_title{background:url(../images/pro_title.gif) no-repeat;height:30px;font-size:12px;margin:15px 0;*margin:20px 0;padding:5px 0 0 25px;}
.temp_title span{font-size:9px;font-family:Arial;}
.temp_title a{color:#666;text-decoration:none;}
.temp_title a:hover{color:#ff8800;}
.temp_list h1{font-size:14px;text-align:center;margin:0px 20px;padding:0;color:#000;}
.temp_list h2{font-size:12px;text-align:center;padding:0 10px 5px 0px;border-bottom:1px dashed #ccc;margin:0 10px;font-weight:lighter;}
.temp_list p{text-align:center;}

#sidebar2 .products_list {
	background:url(../images/in_news_bg_1.gif) bottom no-repeat;
	width:200px;
	padding-bottom:10px;

}

#sidebar2 .products_list dt {
	background:url(../images/in_news_title_1.gif) no-repeat;
	height:36px;
	padding:10px 0px 0px 10px;
	color:#fff;
	font-weight:bold;
}

#sidebar2 .products_list dt a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#sidebar2 .products_list dt span{
	float:right;
	padding-right:10px;
	margin-top:5px;
	*margin-top:-8px;
	color:#fff;

}
#sidebar2 .products_list dd a{
	padding-left:40px;
	color:#7f7f7f;
	text-decoration:none;
}
#sidebar2 .products_list dd a:hover{
	color:#5f5f5f;
	position:relative;
	top:1px;
	left:1px;
}

#sidebar2 .products_list dd {
	line-height:260%;
	margin-bottom:3px;
	margin-left:0px;
	background:url(../images/news_list_bg_1.gif) bottom no-repeat;
}
#sidebar2 .products_list dt span{
	margin-left:25px;
}