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

body{
	background:url(../images/bg.jpg) repeat;	
	border-top:7px solid #46a0eb;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif ,"微軟正黑體";
}
a{color:#c0c0c0;}
a:hover{color:#fff;}

#wrapper{
	width:955px ; 
	margin:0 auto;
}

#header_h{
	position:relative;
	width:100%;
	height:485px;
}
#iso{
	background:url(../images/bgiso.jpg) top center no-repeat;
}
#iso_in{
	width:955px;
	margin:0 auto;
}
#container_h{
	width:955px;
	margin:0 auto;
}
#footer{
	clear:both;
	background:url(../images/bg_footer.jpg) top left repeat-x #d7d7e1;
}

/*------ header------------
-------------------------*/
#sitemap{
	position:absolute;
	top:30px;
	right:20px;
}
#sitemap ul li{
	font-size:0.75em;
	float:left;
	margin-right:10px;
}
#logo{
	position:absolute;
	top:30px;
	left:0;
}
#main_nav{
	position:absolute;
	top:70px;
	right:20px;
}
#main_nav ul li{
	float:left;
	width:100px;
}
#main_nav ul li a{
	background-image:url(../images/menu.jpg);
	display:block;
	width:100px;
	height:0;
	padding-top:50px;
	overflow:hidden;
}

#main_nav ul li#nav1 a{ background:url(../images/menu.jpg)     0   0 no-repeat; }
#main_nav ul li#nav2 a{ background:url(../images/menu.jpg)  -100px 0 no-repeat; }
#main_nav ul li#nav3 a{ background:url(../images/menu.jpg)  -200px 0 no-repeat; }
#main_nav ul li#nav4 a{ background:url(../images/menu.jpg)  -300px 0 no-repeat; }
#main_nav ul li#nav5 a{ background:url(../images/menu.jpg)  -400px 0 no-repeat; }

#main_nav ul li#nav1 a:hover { background:url(../images/menu.jpg)     0   -50px no-repeat; }
#main_nav ul li#nav2 a:hover { background:url(../images/menu.jpg)  -100px -50px no-repeat; }
#main_nav ul li#nav3 a:hover { background:url(../images/menu.jpg)  -200px -50px no-repeat; }
#main_nav ul li#nav4 a:hover { background:url(../images/menu.jpg)  -300px -50px no-repeat; }
#main_nav ul li#nav5 a:hover { background:url(../images/menu.jpg)  -400px -50px no-repeat; }


#slider{
	width:955px;
	height:360px;
	position:absolute;
	left:0;
	top:125px;
	background:url(../images/bgslider.jpg) top left no-repeat;
}

/*------ container --------
-------------------------*/

#con_out{      /*-- con_left + con_mid  --*/
	float:left;
	width:650px;
	line-height:1.5em;
}
#con_left{
	float:left;
	width:325px;
	position:relative;
}
#con_mid{
	float:right;
	width:325px;
	color:#c0c0c0;
	position:relative;
}
#con_right{
	float:right;
	width:305px;
	color:#c0c0c0;
	line-height:1.5em;
	position:relative;
}

#con_left ul{
	margin-left:30px;
}
#con_left ul li{
	background:url(../images/sprite.jpg) 0 -17px no-repeat;
	padding-left:15px;
}
#con_mid h4{
	color:#4098e5;
	font-size:1.2em;
	font-weight:bold;
}
.con{
	margin-left:40px;
	width:255px;
}
.more a{
	font-size:0.7em;
	position:absolute;
	top:35px;
	right:15px;
}
.con_a{
	margin-top:15px;
	border-top:2px solid #fff;
	padding-top:10px;
}
.con_b{
	margin-left:30px;
}

/*------ footer ------------
-------------------------*/
#footer_inner{
	width:945px;
	padding-top:24px;
	padding-left:10px;
	margin:0 auto;
	color:#404040;
}
#footer_inner p{
	line-height:1.5em;
}
#copyright{
	margin-top:30px;
	font-size:0.85em;
	color:#333;
	padding-bottom:5px;
}