@charset "utf-8";

img, #leftnav ul.navArea li a{behavior: url(../../filemanager/template/common/images/iepngfix.htc);}

html {
	width: 100%;
	/*text-align: center;*/
	margin:0px auto;
	padding:0px;
	height: 100%;
}

body {
	/*text-align: center;*/
	margin:0 auto;
	padding:0px;
	height: 100%;
	position: relative;
	background-color:#ececec;
	font-family:"Arial", "Microsoft JhengHei", "微軟正黑體", "sans-serif",
	 "Helvetica";
}

/*#wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height: 100%;
	z-index: 0;
}*/

#wrapper {
	width:980px;
	min-height: 100%;/*IE 7 and firefox and safari*/
	height: auto;
	_height:100%;
	margin: 0 auto -60px;
	background: url(../images/inside_loop_bg.gif) repeat-y;
	position: relative;
	/*background-color:#FFFF00;
	display:inline-block;*/
}

#top-zone{
	width:980px;
	min-height:705px;
	margin:0;
	padding:0;
	position: relative;
	clear:both;
	display:inline-block;
}

#contentArea .hd{
font-size:25px;
line-height:24px;
color:#1d85c0;
background-image:url(../images/hd_bg.jpg);
background-position:bottom right;
background-repeat:no-repeat;
text-align:right;
padding-bottom:35px;
margin:0px;
font-family:Microsoft YaHei;
}

#contentArea .sub_hd_lv2{
text-align:right;
color:#175d6b;
font-size:18px;
line-height:16px;
padding-bottom:20px;
}

#contentArea .sub_hd_lv3{
text-align:right;
color:#383838;
font-size: 15px;
line-height:16px;
padding-bottom:20px;
}
/*----ContentArea area -------START----------------------------------------------------*/
/*---------------------------------------------------------------*/
#contentArea{
	float:right;
	_z-index:-1;
	_height:500px;
	position:relative;
	margin:0;
	padding:240px 30px 0 0;
	width:680px;
}

#content{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#175D6B;
	line-height:20px;
}
/*----ContentArea area -------END----------------------------------------------------*/
/*---------------------------------------------------------------*/

#push{
	width: 980px;
	height:70px;
}

/*----footer area -------START----------------------------------------------------*/
/*---------------------------------------------------------------*/

#footer-zone {
	z-index: 1;
	position: relative;
	margin:0 auto;
	padding:0;
	width:980px;
	/*height:60px;*/
	clear: both;
}

#footer-zone-top {
	margin:0;
	padding:0 30px 0 0;
	width:950px;
	height:35px;
	background: url(../images/inside_loop_bg.gif) repeat-y;
	/*line-height:16px;
	margin: 15px 30px;*/
	/*display:inline-block;*/
}

#footer-zone-top a {
	width:50px;
	height:35px;
	background-position: 0 0;
	float:right;
}

#footer-zone-top a:hover {
	background-position: -55px 0;
}

#footer-zone-bottom {
	width:940px;
	/*height:15px;*/
	padding: 5px 20px;
	text-align:left;
	background-color:#dcdcdc;
	color:#3d3d3d;
	font-size:11px;
	overflow:hidden;
	/*line-height:16px;
	margin: 15px 30px;*/
	/*display:inline-block;*/
}

#footer-zone-bottom a {
	text-decoration:none;
	color:#3d3d3d;
}

#footer-zone-bottom a:hover {
	text-decoration:underline;
	color:#375874;
}

.footerW3CLink {
	float:right;
	padding-left:5px;
}

/*----footer area -------END----------------------------------------------------*/
/*---------------------------------------------------------------*/

.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */