/*****************Frances.Shih******************/
/*****************2010-02-28********************/

body{
	margin:0px auto;
	width:1002px;
	font-size:12px;
	color:#666666;
}
img{
	border:0px;
}
a{
	text-decoration:none;
}
.clr{
	line-height:1px;
	font-size:1px;
	clear:both;
}
ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.space5{
	line-height:5px;
	font-size:5px;
}
.space10{
	line-height:10px;
	font-size:10px;
}
.space15{
	line-height:15px;
	font-size:15px;
}
.space20{
	line-height:20px;
	font-size:20px;
}
#header{
	background:url('../images/bg_header.jpg') left top no-repeat;
	position:relative;
	border-bottom:1px solid white;
}
#header .btn{
	position:absolute;
	right:20px;
	top:38px;
}
#nav{
	background:url('../images/bg_nav.jpg') left top no-repeat;
	height:181px;
	border-bottom:3px solid #ff9900;
	position:relative;
}
#nav .list{
	position:absolute;
	width:910px;
	height:36px;
	right:47px;
	top:145px;
	background:url('../images/bg_nav_list.jpg') left bottom repeat-x;
}
#nav .lc{
	position:absolute;
	bottom:0px;
	left:0px;
}
#nav .rc{
	position:absolute;
	bottom:0px;
	right:0px;
}
#footer{
	background:url('../images/bg_footer.jpg') left bottom repeat-x #fff;
	border-top:1px solid #f58509;
	text-align:center;
	padding-top:17px;
	padding-bottom:28px;
	line-height:1.5em;
}
#left{
	float:left;
	width:271px;
	margin-top:23px;
}
#right{
	float:right;
	width:707px;
	margin-top:23px;
}
#index #right{
	margin-bottom:40px;
}
.resource{
	border:1px solid #c7c7c7;
	background:url('../images/bg_rs.jpg') left bottom repeat-x #fff;
}
ul.list1 li{
	margin:7px 15px;
	background:url('../images/bg_arrow.gif') left 2px no-repeat;
	padding-left:15px;
}
ul.list2 li{
	margin:7px 15px;
	background:url('../images/bg_list.jpg') left 4px no-repeat;
	padding-left:15px;
}
ul.list1 li a,ul.list2 li a
{
	color:#666666;
}
.resource ul.list1{
	margin-top:16px;
}
.more{
	color:#ea6204;
	text-align:right;
}
.more a{
	color:#ea6204;
	background:url('../images/bg_more.jpg') right 2px no-repeat;
	padding-right:14px;
}
.resource .more{
	margin-top:15px;
	margin-bottom:20px;
	margin-right:15px;
}
.newstitle{
	background:url('../images/title_rs.jpg') left top no-repeat;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding-left:26px;
	padding-top:12px;
	padding-bottom:10px;
}
.resource .title{
	background:url('../images/bg_title2.jpg') left top repeat-x;
	font-weight:bold;
	color:#000;
	font-size:14px;
	padding-top:10px;
	padding-left:11px;
	padding-bottom:6px;
}
.titleGroup{
	background:url('../images/bg_titleGroup.jpg') left bottom repeat-x #fff;
	border:1px solid #cfcfcf;
	position:relative;
}
.titleGroup h2{
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#000;
	background:url('../images/bg_arrow.jpg') left 2px no-repeat;
	padding-left:20px;
	margin:8px 10px;
}
.titleGroup .more{
	position:absolute;
	background:url('../images/bg_detail.jpg') bottom right no-repeat;
	right:0px;
	top:3px;
	padding-right:20px;
	padding-top:6px;
	height:19px;
}
#list #right ul.list2{
	margin-top:28px;
	margin-bottom:80px;
}
.dotline{
	background:url('../images/bg_dotline.jpg') left top repeat-x;
}
#list #right .dotline{
	margin:0px 15px;
}
.tag{
	float:right;
}
.tag a{
	color:#666666;
}
.tag a.current{
	color:#ff6600;
}
.news{
	background:url('../images/bg_newsTitle.jpg') left top no-repeat;
	font-size:14px;
	color:#000;
	font-weight:bold;
	position:relative;
	padding:10px 13px;
	padding-bottom:7px;
	height:16px;
}
.news span{
	font-size:12px;
	font-weight:normal;
	position:absolute;
	right:15px;
}
.promotion{
	background:url('../images/bg_promotion.jpg') right top no-repeat #fff;
	width:215px;
	height:150px;
}
.promotion img{
	border:1px solid #ff9900;
	width:195px;
	height:148px;
}
.promotion a{
	display:block;
	font-weight:bold;
	color:#ef7106;
	margin-top:15px;
	text-align:center;
	width:197px;
}
#subLeft{
	width:346px;
	float:left;
}
#subRight{
	width:346px;
	float:right;
}
#subLeft ul.list1{
	margin-top:15px;
}
#subRight ul.list1{
	margin-top:15px;
}
#subLeft ul.list1 li{
	margin:7px 5px;
}
#subRight ul.list1 li{
	margin:7px 5px;
}
.navList li{
	float:left;
	width:182px;
	height:36px;
	background:url('../images/bg_splitLine.jpg') right bottom no-repeat;
}
.navList li a{
	color:#363636;
	font-size:14px;
	font-weight:bold;
	display:block;
	line-height:23px;
	padding-top:13px;
	text-align:center;
}
.navList li a:hover{
	background:url('../images/bg_hover.gif') center bottom no-repeat;
	color:#fff;
}
.navList li a.current{
	background:url('../images/bg_hover.gif') center bottom no-repeat;
	color:#fff;
}
.photoChange{
	background:url('../images/bg_photoChange.jpg') left top repeat-y;
	width:270px;
	height:158px;
	position:relative;
}
.layerChanger{
	position:absolute;
	right:5px;
	top:4px;
	display:none;
}
.layerChanger img{
	width:240px;
	height:152px;
}
.layerChanger .title{
	background:black; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; 
	position:absolute;
	top:127px;
	right:0px;
	width:240px;
	height:20px;
	overflow:hidden;
	text-align:center;
	padding-top:5px
}
.layerChanger .title a{
	color:#fff;
}
.layerChangerCotrol{
	position:absolute;
	top:4px;
	left:0px;
	width:25px;
}
.layerChangerCotrol a{
	display:block;
	text-align:center;
	color:#686868;
	padding-top:2px;
	height:16px;
	border-bottom:1px solid #cfcfcf;
}
.layerChangerCotrol a.current{
	color:#fff;
	background:#f58509;
}