@charset "utf-8";

body{
	padding: 0px;
	margin: 0px;
	background-color: #E3E3E3;
	font-family:"arial","微軟正黑體";	
}

h1,h2,h3,h4,h5,h6,p,ul,li,ol{
	padding:0px;
	margin:0px;
	list-style:none;	
}

.hover h4 a{
	color:#000;
}

.hover h4 a:hover{
	color:#333;
}

a{
	text-decoration:none;
}

img{
	border:none;	
}

.clear{
	clear:both;	
}

.lang{
	float:right;
	color:#000;
	margin-right:10px;
}

.lang a{
	color:#999;	
}

.lang a:hover{
	color:#000;
}

.bluebar {
	background-color: #0079A2;
	width:100%;
	height:20px;
}

.wh{
	background-color:#fff;
	width:1000px;
	min-height:5px;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 1px 0px 12px #888888;	
}

.wh2{
	background-color:#fff;
	width:1000px;
	min-height:5px;
	margin-left:auto;
	margin-right:auto;
	box-shadow: -1px 0px 12px #888888;	
}



.min-bar{
	background-color: #0079A2;
	width:100%;
	height:2px;	
}

.logo{
	background-image: url(../images/topbg.png);
	height:74px;
	padding-left:20px;
	padding-top:10px;
}

.menu{
	margin-top:10px;
	padding-bottom:15px;
	height:30px;
}

.menu li{
	float: right;
	font-size: 16px;
	color: #666666;
	margin-right:25px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
}

.menu li:hover{
}

.menu a{
	color:#666;	
}



.selected{
	border: 1px solid #999;
}

.banner{
	background-image: url(../images/banner.png);
	background-repeat: no-repeat;
	width:1070px;
	margin-left:auto;
	margin-right:auto;
	height:282px;
	padding-top:19px;	
}

.banner div{
	width:1015px;
	height:268px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #DDDDDD;
}

.banner ul{
	position:relative;
	width:1015px;
	height:268px;	
}

.banner li{
	position:absolute;
	left:0px;
	top:0px;
}

#middle{
	background-color:#fff;
	width:1000px;
	min-height:600px;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 0px 6px 12px #888888;
	padding-bottom:20px;
}

.ml{
	margin-top:10px;
	width:675px;
	margin-right:20px;
	float:left;
	margin-left:10px;
}

.mr{
	margin-top:10px;
	width:261px;
	float:right;
	margin-right:25px;
}

.mr img{
	margin-bottom:10px;	
}

.i-title{
	background-image: url(../images/i-title.png);
	width: 658px;
	height: 39px;
	background-repeat: repeat-x;
	color:#004081;
	font-weight:bold;
	font-size:19px;
	line-height:39px;
	display:none;
}

.i-title-2{
	width: 658px;
	height: 39px;
	color:#004081;
	font-weight:bold;
	font-size:19px;
	line-height:39px;
}

.i-title span{
	background-image: url(../images/flow.png);
	width:30px;
	height:26px;
	margin-top:6px;
	margin-left:5px;
	float:left;
	margin-right:5px;	
}

.i-title-2 span{
	background-image: url(../images/flow.png);
	width:30px;
	height:26px;
	margin-top:6px;
	float:left;
	margin-right:5px;	
}

.content{
	width: 643px;
	background-image: url(../images/cont-low.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left:15px;
	margin-bottom:10px;
	padding-bottom:10px;
}

.news{
	width: 623px;
	border:8px solid #D2D2FF;
	padding-left:10px;
	padding-right:10px;
}

.news li{
	border-top: dotted #AAAAAA 1px;
	background-image: url(../images/square.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
}

.news li a{
	color:#555555;
}

.news li a:hover{
	color:#000;
}

.docline{
	border-top: dotted #AAAAAA 1px;	
}

.news li em{
	font-style: normal;
	float: left;		
}

.news li span{
	float:right;
	margin-right:10px;	
}

.page{
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;	
}

.page a{
	color:#AAAAAA;
}

.page a:hover{
	color:#AAAAAA;
}

#footer{
	color:#FFF;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#006F93;
}

.header{
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	width:943px;
	height:25px;
	color:#FFF;
	line-height:25px;
	font-size:18px;
	font-weight:bold;
	padding-left:27px;
}

.banner-2{
	width: 970px;
	height: 118px;
	border: 1px solid #EAEAEA;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.con{
	width:970px;
	margin-left:auto;
	margin-right:auto;	
}

.add-box{
	width:950px;
	border:1px solid #CCCCCC;
	padding:10px;
	margin-top:10px;
}

.map{
	width:465px;
	float:right;
}

.map img{
	border:1px solid #CCCCCC;
}

.a-left{
	float:left;	
	width:415px;
	margin-left:20px;
}

.a-left h3{
	font-size:17px; 
	font-weight:bold;
	color:#525252;
	margin-bottom:10px;	
}

.a-left p{
	color:#525252;
	font-size:#525252;
}

.job{
	border:1px solid #CCCCCC;
	margin-top:10px;
	padding-bottom:10px;
	padding-left:8px;
}

.job h3{
	background-image: url(../images/or-header.png);
	background-repeat: no-repeat;
	width:937px;
	height:30px;
	padding-left:18px;
	color:#FFF;
	font-size:17px;
	line-height:30px;
	margin-top:5px;
	margin-bottom:10px;	
}
.job span{
	float:left;
	margin-top:5px;
	margin-right:3px;	
}

.job p{
	margin-left:3px;
}

.webnews{
	width:958px;
	border:1px solid #CCCCCC;
	margin-top:10px;
	padding-bottom:10px;
	padding-left:8px;
}

.webnews h3{
	background-image: url(../images/bu-header.png);
	background-repeat: no-repeat;
	width:930px;
	height:30px;
	padding-left:25px;
	color:#FFF;
	font-size:17px;
	line-height:30px;
	margin-top:5px;
	margin-bottom:10px;	
}

.webnews em{
	float:left;
	font-style:normal;	
}

.webnews h3 span{
	float:right;
	margin-right:40px;	
}

.news-l{
	width:285px;
	height:211px;
	border:2px #DDDDDD solid;
	text-align:center;
	padding:10px;
	float:left;
}

.news-r{
	width:626px;
	float:left;
	margin-left:10px;	
}

.num{
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	color:#0085B2;
	float:right;	
}

.num a{
	color:#0085B2;	
}

.num a:hover{
	color:#000;
}

.intro{
	border:1px solid #CCCCCC;
	margin-top:10px;
	padding:10px;		
}

.i-left{
	float:left;
	width:471px;
	font14px;
}

.i-right{
	float:left;
	width:451px;
}

.sub-menu{
	width:205px;
	border:1px solid #ccc;
	float:left;
	margin-top:10px;
	margin-right:15px;
	padding-bottom:5px;
}

.hover{
	border-bottom:1px #999 solid;
	width:190px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:5px;
}

.hover h4{
		background-image:url(../images/tan3.png);
		background-position:left center;
		padding-left:15px;
		background-repeat:no-repeat;
}

.hover ul{
	/*display:none;*/	
}

.hover li{
	margin-left:20px;
	color:#001657;
	background-image:url(../images/tan2.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:10px;
	margin-top:3px;
	margin-bottom:3px;
}

.hover h4{
	font-size:17px;
	font-weight:normal;
}

.hover li a{
	color:#001657;
	font-size:15px;
}

.hover li a:hover{
	color:#000;
}
.cat{
	background-image:url(../images/cat.png);
	color:#FFF;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:10px;
	border-bottom:5px solid #100040;
}

.sub-right{
	width:726px;
	float:left;	
}

.product{
	border:1px solid #CCCCCC;
	width:746px;
	margin-top:10px;
}

.p-left{
	width:218px;
	float:left;
	border-right:1px solid #CCCCCC;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.p-right{
	float:right;
	width:507px;
	margin-right:10px;
	margin-top:5px;
}

.p-right .word{
	padding-left:5px;
	padding-bottom:5px;
}


.p-header{
	background-image: url(../images/p-header-2.png);
	background-repeat: no-repeat;
	width:485px;
	height:25px;
	color:#FFF;
	font-size:17px;
	line-height:25px;
	padding-left:22px;
	font-weight:bold;
	margin-bottom:10px;
}

.popup{
	width:63px;
	height:19px;
	position:relative;
	text-align:center;
}

.pop{
	position:absolute;
	width:468px;
	left:-225px;
	top:24px;
	padding:10px;
	padding-left:15px;
	border:1px solid #DDDDDD;
	background-color:#EEEEEE;
	z-index:10000;
	display:none;
}

.item{
	float:left;
	width:150px;
	margin-right:6px;
	margin-bottom:5px;
}

.item ol{
	margin-left:5px;	
}

.item ol li{
	float: none;
	background-image: url(../images/mini-square.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	text-align:left;
	border:0px; #EEEEEE solid;
}

.item ol li:hover{
	border:0px; #EEEEEE solid;
}
.item h4{
	color:#00526C;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	text-align:left;
}

.item a{
	color:#666666;
	font-size:15px;	
}

.item a:hover{
	color:#000;
	font-size:15px;
	text-decoration:underline;	
}

#footer a{
	color:#FFF;
	text-decoration:underline;	
}
