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

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body{font:12px/150% Arial, "新細明體"; color:#393838; margin:0px;background:url(../images/bg.jpg) repeat-x #e7e7e7; }
img{border:none;}

.top{ width:962px; margin:0 auto; position:relative; height:97px; text-align:left; }
.top01{ width:456px; height:97px; float:left;}
.top01 span{ display:block; margin-top:22px; padding-left:10px;}

.top02{ width:206px; height:57px; float:left;
padding-top:40px;
padding-left:300px;}
.top02 a{
	color:#FFFFFF;
	text-decoration: none;
}
.top02 a:hover{
	color:#fff600;
	text-decoration: none;
}



.container_top{ width:962px; margin:0 auto; background:url(container_top.jpg) no-repeat; height:10px;}
.container_center{ width:962px; margin:0 auto; background:url(container_center.jpg) repeat-y; text-align:left}
.container_bottom{ width:962px; margin:0 auto; background:url(container_bottom.jpg) no-repeat; height:33px;}

.nav{ background:url(nav_bg.jpg) no-repeat; margin:0 auto; width:940px; height:35px; line-height:32px;}
.nav ul{ margin-left:20px; list-style:none}
.nav ul li{ float:left; text-align:center; background:url(interval_pic.jpg) right center no-repeat; position:relative }
.nav ul li a{ margin:0 34px; color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none}
.nav ul li a:hover{ color:#fff600}
.nav ul li.last_nav{ background:none;}
.nav ul li ul{ list-style:none;}
.nav ul li ul li{display:block;}
.nav ul li ul li a{color:#0033FF;}



.main_box{ width:920px; margin:0 auto; overflow:hidden; margin-top:18px;}


.left_bar{ width:179px; float:left; }
.left_bar_list{ margin:10px;}
.left_bar_list ul{ list-style:none}
.left_bar_list ul li{ border-bottom:1px solid #c9c8c8; margin-bottom:15px;}
.left_bar_list ul li p{ margin-bottom:15px;}
.left_bar_list ul li img{ float:left; margin-right:10px; border:1px solid #aaaaaa; padding:1px;}
.left_bar_list ul li a{ color:#444444; text-decoration:none;}
.left_bar_list ul li a:hover{ color:#FF3300}

.left_class{background:url(left_bar_center_bg.jpg);}



.right_bar{ width:730px; overflow:hidden; float:right}

.banner{ width:730px; overflow:hidden}


.column_news_box{ width:730px; overflow:hidden; background:url(mian_center_bg.jpg); margin-top:15px;}
.column_news_list{ text-align:left; position:relative; margin:15px;}
.column_news_list ul{ list-style:none}
.column_news_list ul li{ border-bottom:1px dashed #CCCCCC; line-height:25PX; margin-bottom:5px; background:url(ico_1.jpg) left center no-repeat}
.column_news_list ul li a{ color:#333333; text-decoration:none; margin-left:10px;}
.column_news_list ul li a:hover{ color:#FF0000}
.column_news_list ul li span{ position:absolute; right:5px; color:#999999}


.center_column_box{ width:730px; margin-top:12px; overflow:hidden}
.column_list_1{ width:233px; float:left; overflow:hidden; background:url(column_center_bg.jpg)}
.column_list_2{ width:233px; float:left; overflow:hidden; margin-left:15px; background:url(column_center_bg.jpg)}
.column_list_3{ width:233px; float:left; overflow:hidden; margin-left:15px; background:url(column_center_bg.jpg)}

.column_list_4{ width:730px; overflow:hidden; background:url(mian_center_bg.jpg); margin-top:15px;}

.column_list_center2{ overflow:hidden; margin-top:15px;}
.column_list_center2 ul{ margin:0px; list-style:none}
.column_list_center2 ul li{ text-align:center;  float:left; border-right:1px dashed #aaaaaa; overflow:hidden; width:180px;}
.column_list_center2 ul li.last{ border-right: none;}
.column_list_center2 ul li img{border:1px solid #aaaaaa; padding:1px;}
.column_list_center2 ul li a span{ margin:0 auto; width:140px; text-align:center; cursor:pointer; display:block; overflow:hidden}
.column_list_center2 ul li a{ margin:0 15px; color:#333333; text-decoration:none}
.column_list_center2 ul li a:hover{ color:#FF0000}




.column_list_center{ margin:10px; overflow:hidden}
.column_list_center ul{ list-style:none}
.column_list_center ul li{ border-bottom:1px solid #c9c8c8; margin-bottom:15px;}
.column_list_center ul li.last{ border:none}
.column_list_center ul li p{ margin-bottom:15px;}
.column_list_center ul li img{ float:left; margin-right:10px; border:1px solid #aaaaaa; padding:1px;}
.column_list_center ul li a{ color:#444444; text-decoration:none}
.column_list_center ul li a:hover{ color:#FF3300}


.column_bottom{ height:11px; background:url(bottom_left.jpg) left no-repeat; position:relative;}
.column_bottom span{ height:11px; display:block; background:url(bottom_right.jpg) no-repeat; width:10px; position:absolute; top:0px; right:0px;}



.blue_tit{ position:relative; background:url(tit_blue_left.jpg) no-repeat left ; line-height:33px; height:33px;}
.blue_tit span{ display:block; position:absolute; right:0px; top:0px; width:50px; height:33px; background:url(tit_blue_right.jpg)  right center no-repeat}
.blue_tit span img{ margin-top:9px;}
.blue_tit p{ font-size:14px; color:#FFFFFF; font-weight:bold; margin-left:15px; display:inline;}


.orange_tit{ position:relative; background:url(tit_orange_left.jpg) no-repeat left ; line-height:33px; height:33px;}
.orange_tit span{ display:block; position:absolute; right:0px; top:0px; width:50px; height:33px; background:url(tit_orange_right.jpg)  right center no-repeat}
.orange_tit span img{ margin-top:9px;}
.orange_tit p{ font-size:14px; color:#FFFFFF; font-weight:bold; margin-left:15px; display:inline;}


.green_tit{ position:relative; background:url(tit_green_left.jpg) no-repeat left ; line-height:33px; height:33px;}
.green_tit span{ display:block; position:absolute; right:0px; top:0px; width:50px; height:33px; background:url(tit_green_right.jpg)  right center no-repeat}
.green_tit span img{ margin-top:9px;}
.green_tit p{ font-size:14px; color:#FFFFFF; font-weight:bold; margin-left:15px; display:inline;}


.footer{ width:900px; text-align:center; text-align:center; margin-top:15px; height:30px;}
.footer a{ color:#444444; text-decoration:none}
.footer a:hover{color:#FF3300}

/*== news_list == */
.news_list{ width:95%; margin:0 auto}
.news_list tr td{ padding:7px; border-bottom:1px dashed #444444}
.news_list tr td.news_name{}
.news_list tr td.date{}
.news_list tr td.hit{ text-align:center}
.news_list thead tr td{border-bottom:1px solid #666666; font-weight:bold; color:#000000}
.news_list tfoot tr td{ border-bottom:1px solid #666666}
.news_list a{ color:#444444; text-decoration:none}
.news_list a:hover{ color:#FF0000}


.news_detail_name{ text-align:center; font-size:16px; font-weight:bold}
.big_img_box{ margin-top:25px; text-align:center}
.big_img_box img{ padding:2px; border:3px solid #d3d3d3}

.small_imglist{}





/*== pages == */
.Pages {
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:50px;
}
.Pages A {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.Pages A:hover {
	BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; BACKGROUND: #0066cc; BORDER-LEFT: #003399 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #003399 1px solid
}


/*== contact == */

.contact_box{ margin:0 15px; margin-bottom:30px}
.t1{ display:block; font-size:12px; font-weight:b; color:#000000; border-bottom:1px solid #666666; margin-top:20px; height:30px; line-height:30px;}

.contact_box p{ margin-top:15px; line-height:30px; margin-left:15px; color:#666666}
.txt_border{ border:1px solid #b2b2b2}

.tab1{}
.tab1 tr td{ padding:8px;}

.map_box{ color:#666666; line-height:25px; background:url(map_bg.jpg) right top no-repeat; height:200px;}
.map_box2{ color:#666666; line-height:25px; background:url(map_bg2.jpg) right top no-repeat; height:200px;}

.content{margin:20px 20px; margin-bottom:30px}
.content ol{ margin-left:20px;}
.content ul{ margin-left:10px;}




.blk_29 {background:url(images/img_box.jpg)  top center no-repeat; width:529px; margin:0 auto; height:145px; background:url(images/img_box.jpg)	  OVERFLOW: hidden;  ZOOM: 1; POSITION: relative}

.blk_29 .LeftBotton { background:url(left_btn.jpg) no-repeat center center; left:0px; float:left; width:25px; CURSOR: pointer; POSITION: absolute; TOP:10px; left:4px; HEIGHT: 85px}
.blk_29 .RightBotton { background:url(right_btn.jpg) no-repeat center center; right:0px; float:right; width:25px; CURSOR: pointer; POSITION: absolute; TOP:10px; right:4px; HEIGHT: 85px}

.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH:600px; PADDING:17px 0;}


.blk_29 .box {	FLOAT: left; WIDTH: 120px; TEXT-ALIGN: center}
.blk_29 .box IMG { DISPLAY: block; border:1px solid #d3d3d3; padding:2px;}
.blk_29 .box A:hover IMG {}
.rollphotos {MARGIN-TOP: 10px;WIDTH: 450px}

.PT_mix {	BORDER-RIGHT: #a2d1ff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a2d1ff 0px solid; PADDING-LEFT: 0px; BACKGROUND: #f3fbfe; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #a2d1ff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a2d1ff 1px solid}
.PhoTxt {	MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; OVERFLOW: auto; WIDTH: 220px}
.PhoTxt IMG {}
.PhoTxt H1 {	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 23px}
.PhoTxt P {	COLOR: #545454; LINE-HEIGHT: 20px}


.tit1{ overflow:hidden; margin-bottom:20px; }
.tit1 ul{ list-style:none}
.tit1 ul li{ float:left; background:url(tit1_left.jpg) no-repeat left; height:30px; line-height:30px; margin-right:10px;}
.tit1 ul li p{ background:url(tit1_right.jpg) no-repeat right}
.tit1 ul li a{ color:#FFFFFF; text-decoration:none; margin:0 10px; font-weight:bold;}
.tit1 ul li a:hover{ color:#ebff0b}

.column1{ color:#51957f; overflow:hidden; margin-bottom:20px;}
.column1 dl{float:left; margin-right:15px;}
.column1 dl dt{font-weight:bold; color:#17b07f; }
.column1 dl dt dd{}

.tab2{  margin:10px 0 30px 0; background:#CCCCCC}
.tab2 thead tr td{ background:#c7d8b0; font-weight:bold}
.tab2 tr td{ padding:8px; background:#FFFFFF}


.tab3{  margin:10px 0 30px 0; background:#ffffff}
.tab3 thead tr td{ background:#1265cf; font-weight:bold; color:#FFFFFF}
.tab3 tr td{ padding:8px; background:#f4f4f4; vertical-align:top}
.tab3 tr td.green_bg{background:#c3daf7; font-weight:bold;}

.tab4{  margin:10px 0 30px 0; background:#ffffff}
.tab4 thead tr td{ background:#1265cf; font-weight:bold; color:#FFFFFF}
.tab4 tr td{ padding:8px; background:#f4f4f4; vertical-align:top}
.tab4 tr td.tab4_f1_bg{background:#c3daf7; font-weight:bold;}


.left_menu{ overflow:hidden;}
.left_menu ul{ list-style:none; margin:10px}
.left_menu ul li{ background:url(ico_1.jpg) left 7px no-repeat; border-bottom:1px dashed #CCCCCC; margin-bottom:10px;}
.left_menu ul li a{ margin-left:10px; color:#000000; text-decoration:none; width:140px; display:block; }
.left_menu ul li a:hover{ color:#FF0000}


.ad{ margin-top:30px;}
.ad ul{ list-style:none}
.ad ul li{ margin-bottom:15px;}


.faq{ overflow:hidden}
.faq ul{ list-style:none}
.faq ul li.questions{ background:url(a_ico.jpg) left 5px no-repeat; font-size:14px; font-weight:bold; line-height:30px; color:#569c32}
.faq ul li.answer{margin-bottom:40px; background:url(q_ico.jpg) left 5px no-repeat;}
.faq ul li p{ margin-left:25PX; width:640px;}
.faq ul li span{}



a.a1:link{
	display:block;
	background-image: url(van_bg.jpg);
	background-repeat: no-repeat;
	height:36px;
	color: #FFFFFF;
}
a.a1:visited {
	color: #FFFFFF;
	height:36px;
	display:block;
	text-decoration: none;
	
}
a.a1:hover {
	background-image:url(van_hover_bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	height:36px;
	display:block;
	text-decoration: none;
}




.child_menu{margin-top:20px;}
.child_menu tr td{text-align:left}
.child_menu tr td a{ margin:0px; font-size:13px; display:block; padding-left:4px; padding-right:4px;color:#3a4d9c;}
.child_menu tr td a:hover{ background:#FFFFFF; color:#FF9900}

