/* CSS Document */

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif,新細明體;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topmain{
	width:100%;
	background:url(images/top_bg2.gif) ;
	height:476px;
	padding:19px 0 0 0;
}
#top{
	width:958px;
	margin:0 auto;
	height:134px;
}
#top img.logo{
	display:block;
	font-size:0;
	line-height:0;
	padding:7px 0 0 0;
	float:left;
	margin:0 82px 12px 0;
}
#top p.topTxt{
	display:block;
	width:365px;
	font-size:12px;
	line-height:19px;
	color:#D4F5FF;
	background-color:inherit;
	float:left;
	padding:0 0 0 0;
}
#top p.topTxt span.yellow{
	font-weight:bold;
	color:#F4F23C;
	background-color:inherit;
}
#top p.topTxt span.red{
	font-weight:normal;
	color:#fff;
	background-color:#B70D0D;
	padding:2px;
}
#top form{
	background-color:inherit;
	width:249px;
	height:47px;
	float:right;
	padding:10px 8px 0 53px;
}
#top form input.txtBox{
	width:184px;
	height:15px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	background-color:#fff;
	color:#000;
	float:left;
	padding:4px 0 0 14px;
	font-size:10px;
	margin:0 0 5px 0;
	line-height:15px;
}
#top form input.go{
	background-color:inherit;
	width:36px;
	height:21px;
	float:right;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	color:#333333;
	background-color:#0D6C8A;
	border:none;
	cursor:pointer;
	margin:0 0 5px 0;
}
#top form a{
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	color:#D6DF43;
	background-color:#0D6C8A;
	float:left;
	display:block;
	width:89px;
	text-decoration:none;
}
#top form a:hover{
	text-decoration:underline;
}
#top ul.nav{
	width:847px;
	height:24px;
	padding:8px 0 0 56px;
	float:left;
}
#top ul.nav li{
	float:left;
	margin:0 3px 0 0;
	font-size:0;
	line-height:0;
}
#top ul.nav li.noMargin{
	margin:0;
	
}
#top ul.nav li a{
	display:block;
	background:url(images/nav_bg2.gif) 0 0 no-repeat;
	width:82px;
	height:26px;
	font:bold 15px/26px  "Trebuchet MS",Arial, Helvetica, sans-serif,新細明體;
	color:#EBEBEB;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#top ul.nav li a:hover{
	background:url(images/nav_bg_hover2.gif) 0 0 no-repeat;
	color:#444444;
	background-color:inherit;
}
#top ul.nav li a.hover{
	display:block;
	background:url(images/nav_bg_hover2.gif) 0 0 no-repeat;
	width:82px;
	height:26px;
	font:bold 15px/26px  "Trebuchet MS",Arial, Helvetica, sans-serif,新細明體;
	color:#444444;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	cursor:text;
}
#top ul.sub{
	width:892px;
	height:29px;
	padding:0 0 0 65px;
	float:left;
}
#top ul.sub li{
	float:left;
	
	padding:0 2px 0 0;
}
#top ul.sub li.noImg{
	background-image:none;
}
#top ul.sub li a{
	padding:0 14px;
	font:normal 13px/29px  "Trebuchet MS",Arial, Helvetica, sans-serif,新細明體;
	color:#8858ac;
	background-color:inherit;
	text-decoration:none;
}
#top ul.sub li a:hover{
	color:#64356d;
	background-color:inherit;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain{
	width:100%;
	background:url(images/body_bg2.gif) 0 0 repeat-x #dedede;
	color:#000;
	padding:35px 0 28px 0;
}
#body{
	width:958px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(images/innerbg2.gif);
	background-repeat: repeat-y;
	background-position: -23px;
}
/*------------------------------------------------left--------------------*/
#left{
	width:240px;
	float:left;
}
#left h2{
	display:block;
	width:224px;
	height:22px;
	background:url(images/left_head_1px2.gif) 0 0 repeat-x;
	border-left:#404040 solid 1px;
	border-right:#404040 solid 1px;
	padding:4px 0 0 14px;
	margin:0 0 1px 0;
}

#left ul{
	width:240px;
}
#left ul li{
	margin:0 0 1px 0;
}
#left ul li a{
	display:block;
	background:url(images/arrow_green.gif) 19px 9px no-repeat #DBDBBE;
	padding:0 21px 0 31px;
	font-weight:normal;
	color:#8858ac;
	font-size:13px;
	line-height:24px;
	text-decoration:none;
}
#left ul li a span.bg{
	background-color:#F3F3DD;
	color:#000;
	width:15px;
	height:15px;
	font:normal 10px/15px Tahoma, Arial, Helvetica, sans-serif,新細明體;
	text-align:center;
	float:right;
	margin:4px 0 0 0;
}
#left ul li a span.nor{
	color:#000;
	background-color:inherit;
	font:normal 10px/15px Tahoma, Arial, Helvetica, sans-serif,新細明體;
	float:right;
	margin:4px 0 0 4px;
}
#left ul li a:hover{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left ul li a:hover span.bg{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left ul li a:hover span.nor{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left form{
	width:210px;
	padding:5px 15px 41px 15px;
	background-color:#D2D2B4;
	color:#000;
}
#left form label{
	display:block;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	float:left;
}
#left form input.txtBox{
	width:208px;
	height:19px;
	background-color:#fff;
	color:#000;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	float:left;
}
#left form a{
	display:block;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	float:left;
	color:#945E02;
	background-color:inherit;
	text-decoration:none;
	margin:4px 0 0 0;
}
#left form a:hover{
	text-decoration:underline;
}
#left input.login{
	background:url(images/btn_login.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	float:right;
	font:bold 11px/21px Arial, Helvetica, sans-serif,新細明體;
	color:#F2F2E2;
	background-color:#D2D2B4;
	border:none;
	cursor:pointer;
	margin:4px 0 0 0;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:695px;
	float:right;
}
#green{
	width:662px;
	background:url(images/green_bg.jpg) 0 0 no-repeat;
	height:181px;
	margin:0 0 16px 0;
	padding:34px 0 0 32px;
}

#green p{
	display:block;
	font:normal 13px/18px Arial, Helvetica, sans-serif,新細明體;
	color:#FFFFC1;
	background-color:inherit;
	width:256px;
}
#green p span{
	font-weight:bold;
	color:#fff;
	background-color:inherit;
}
#right h3{
	display:block;
	height:30px;
	border-bottom:#C5C5A8 solid 1px;
	font:bold 28px/25px Arial, Helvetica, sans-serif,新細明體;
	color:#333333;
	background-color:inherit;
	margin:0;
}
#right h4{
	display:block;
	font:bold 19px/46px Arial, Helvetica, sans-serif,新細明體;
	color:#936;
	background-color:inherit;
	margin:0;
}
#right p.rightTxt1{
	display:block;
	font:bold 17px/23px Arial, Helvetica, sans-serif,新細明體;
	color:#606;
	background-color:inherit;
	margin:0 0 18px 0;
}
#right p.rightTxt1 span{
	font:normal 17px/23px Arial, Helvetica, sans-serif,新細明體;
	color:#000;
	background-color:inherit;
}
#right p.rightTxt2{
	display:block;
	font:normal 15px/19px Arial, Helvetica, sans-serif,新細明體;
	color:#666;
	background-color:inherit;
	margin:0 0 28px 0;
}
#right p.rightTxt2 span{
	color:#000;
	background-color:#F4F4E3;
}
#right p.rightTxt3{
	display:block;
	font:normal 15px/19px Arial, Helvetica, sans-serif,新細明體;
	color:#606;
	background-color:inherit;
	margin:0 0 28px 0;
}
#right p.rightTxt3 span{
	color:#000;
	background-color:#F4F4E3;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:353px;
	background:url(images/top_bg2.gif);
}
#footer{
	width:958px;
	margin:0 auto;
	position:relative;
	height:353px;
	background:url(images/footer_bg2.gif) 0 0 repeat-x;
}
#footer ul{
	width:712px;
	position:absolute;
	left:252px;
	top:18px;
}
#footer ul li{
	float:left;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif,新細明體;
	color:#d683c7;
	background-color:inherit;
}
#footer ul li a{
	padding:0 10px;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif,新細明體;
	color:#d683c7;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif,新細明體;
	position:absolute;
	left:275px;
	text-align:right;
	top:37px;
	width:534px;
	color:#a3a5a4;
	background-color:inherit;
	height: 19px;
}
#footer p.design{
	display:block;
	width:699px;
	height:34px;
	padding:0;
	position:absolute;
	left:261px;
	top:58px;
	font:bold 17px/18px "Trebuchet MS", Arial, Helvetica, sans-serif,新細明體;
	color:#F5F5C7;
	background-color:inherit;
}
#footer p.design a.link{
	font:bold 17px/18px "Trebuchet MS", Arial, Helvetica, sans-serif,新細明體;
	color:#F5F5C7;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
#footer a.xhtml{
	display:block;
	background:url(images/xhtml_bg2.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	position:absolute;
	left:0;
	top:18px;
	font:bold 12px/21px Arial, Helvetica, sans-serif,新細明體;
	color:#B70D0D;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.xhtml:hover{
	color:#d683c7;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(images/xhtml_bg2.gif);
	width:66px;
	height:21px;
	position:absolute;
	left:72px;
	top:18px;
	font:bold 12px/21px Arial, Helvetica, sans-serif,新細明體;
	color:#B70D0D;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.css:hover{
	color:#d683c7;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/

.borderEffect
{
background-color:#FFFFCC;
color:#7A8639;
margin:0px;
padding:0px;
border:1px solid #FFCC00;
}
.borderEffect:hover
{
background-color:#FFCC89;
color:#A05A3D;
margin:0px;
padding:0px;
border:1px solid #A05A3D;
}
a img {border:none;}