@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #010101;
}
body{
}
#wrapper{ width:1120px;
margin:0 auto;}

/*圖片輪播*/

.roll-news-keleyi-com { 
padding-top:10px;
width:840px; 
height:190px; 
border:solid 1px #c1c1c1; 
} 
.roll-news-index-hover { 
background-color:white; 
} 
.roll-news-image img {
padding-top:5px; 
margin-left:280px;
width:840px; 
height:195px; 
} 

.roll-news-index li { 

list-style:none; 
float:left; 
font-size:12px; 
font-weight:600; 
width:18px; 
height:16px; 
line-height:16px; 
cursor:pointer; 
margin:0 3px; 
background-image:url(opacity_50.png); 
text-align:center; 
} 
.roll-news-title { 
position:relative; 
top:-25px; 
padding-left:10px; 
height:22px; 
line-height:20px; 
background:url(opacity_50.png); 
} 
.roll-news-title a { 
font-size:12px; 
text-decoration:none; 
color:white;
background-color:gray 
} 
.roll-news-title a:hover { 
color:red; 
} 

/*--------hearder---------*/
#hearder{ 
width:1120px;
height:200px;
position:relative;}
.logo{
	position: absolute;
	left: 85px;
	top: 5px;
}
#hearder h1{
	color: #606;
	font-size: 24px;
	position: absolute;
	left: 79px;
	top: 150px;
	width: 172px;
	letter-spacing: 29px;
	font-family: "標楷體";
}
#hearder h2{
	color: #006699;
	font-size: 12px;
	font-family: "Comic Sans MS", cursive;
	position: absolute;
	letter-spacing: -1px;
	left: 80px;
	top: 181px;
	width: 170px;
}

#hearder h3{
	color: #900;
	font-size: 18px;
	position: absolute;
	left: 387px;
	top: 7px;
}
#hearder h4{
	color: #900;
	font-size: 18px;
	position: absolute;
	left: 588px;
	top: 23px;
}
#hearder h5{
	color: #900;
	font-size: 18px;
	position: absolute;
	left: 805px;
	top: 48px;
	}
#hearder h6{
	color: #010101;
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	left: 47px;
	top: 198px;
}

	
#hearder ul{
	list-style-type: none;
	position: absolute;
	left: 965px;
	top: 13px;
	width: 156px;
	margin-right: 5px;

	
}
#hearder li{ float:left;
 }
#hearder li a{
	
 } 
#hearder li a:hover{}

#hearder_img{
	margin-left:150px;
	width: 800px;
	height: 200px;
	
	}
/*--------nav---------*/
#nav{
	width: 140px;
	float: left;
	position: relative;
	background-color:rgba(255,255,255,0);

}

.DD{
	position: absolute;
	left: 79px;
	top: 7px;
}	 

#nav h6{
	position: absolute;
	left: 118px;
	top: 66px;
	width: 74px;
	}

#AA {
	width: 100px;
	line-height: 30px;
	list-style-type: none;
	position: absolute;
	background-color:rgba(255,255,255,0);
	
	left: 85px;
	top: 135px;
	
    /*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#AA li a {
 background-color:#ffbf00;
 color:#6640ff;
 font-weight:bold;
 display: block;
 width: 100px;
 height:30px;
 line-height:30px;
 padding-left:10px;
 font-size:16px;
text-indent:5px;
border-radius:15px;
border:#666 3px solid;
box-shadow:#999 3px 3px 2px;
 
 /*Width(一定要)，否则下面的Li会变形*/
}
#AA li {
 background-color:rgba(255,255,255,0); /*一级目录的背景色*/
border-bottom:rgba(255,255,255,0) 15px solid;


 /*下面的一条白边*/
 
float:left;
 /*float：left,本不应该设置，但由于在Firefox不能正常显示
 继承Nav的width,限制宽度，li自动向下延伸*/
}
#AA li a:hover{
 background:#CC0000; /*一级目录onMouseOver显示的背景色*/
}
#AA a:link {
 color:#666; text-decoration:none;
}
#AA a:visited {
 color:#666;text-decoration:none;
}
#AA a:hover {
 color:#FFF;text-decoration:none;font-weight:bold;
}
/*==================二级目录===================*/
#AA li ul {
 list-style:none;
 text-align:left;
 padding-top:10px;
 padding-left:20px;
}
#AA li ul li{ 
 background:#FFF; /*二级目录的背景色*/
}
#AA li ul a{
         padding-left:20px;
		 font-size:14px;
		 width:70px; 
		  

        
 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#AA li ul a:link {
 color:#666; text-decoration:none;
}
#AA li ul a:visited {
 color:#666;text-decoration:none;
}
#AA li ul a:hover {
 color:#010101;
 text-decoration:none;
 font-weight:normal;
 background:#599ebd;
 /* 二级onmouseover的字体颜色、背景色*/
}
/*==============================*/
#AA li:hover ul {
 left: auto;
}
#AA li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}
#AA ul.collapsed {
 display: none;
}

/*--QR--*/
#QR{
	position: absolute;
	left: 85px;
	top: 581px;
	}
/*--------content---------*/
#content{
	width: 840px;
	height: 800px;
	overflow: auto;
	float: right;
	position: relative;
	color: #00C;
	
}

.EE{
	width: 700px;
	height: 895px;
	position: absolute;
	left: 106px;
	top: 35px;
	}
.FF{
	width: 700px;
	height: 895px;
	padding-left:100px;
	
	}	


.img_htc{ padding-left:60px;
padding-top:10px;
	
	
	
}
#content h1{ color:#010101;
font-size:16pt;

padding-left:50px;
margin-bottom:10px;}
#content h2{
	padding-left: 60px;
	color: #000066;
	font-size: 16pt;
	font-weight: normal;
	letter-spacing: 3px;
	line-height: 30px;
	text-indent: 48px;
	padding-right: 80px;
	font-family: "Comic Sans MS", cursive;


}
#content h3{
	padding-left: 20px;
	line-height: 50px;
	color: #660033;
	}
#content h6{padding-left: 60px;
	color: 7e7e7e;
	font-size: 16pt;
	font-weight: normal;
	letter-spacing: 3px;
	line-height:30px;
	}
#content p{
	padding-left: 60px;
	color: #0000CC;
	font-size: 14pt;
	font-weight: normal;
	letter-spacing: 3px;
	line-height: 25px;
	font-family: "微軟正黑體","標楷體";
	}	
	

	

/*--------footer---------*/
#footer{ clear:both;
height:170px;
position:relative;
background-color:rgba(255,255,255,0);


}
#footer h4{
	color:#33c;
	font-family:"標楷體";
	padding-left:280px;
	font-size:28px;
	padding-top:12px;
	letter-spacing:35px;
	}

#footer h6{ color:#33C;
padding-top:2px;
padding-left:280px;
	font-size: 10pt;
	font-weight: normal;
	font-family:"Comic Sans MS", cursive;
	
	line-height:15px;}

#footer h5{
	position: absolute;
	font-weight: normal;
	color: #906;
	font-size: 12px;
	letter-spacing: 3px;
	left: 280px;
	top: 86px;
}
#img1{
	position: absolute;
	left: 85px;
	top: 28px;
}

#img2{
	position: absolute;
	left: 2px;
	top: 8px;
	}
	
	
#wrapper #content .EE table tr td {
	color: #010101;

}