
body {
	font-family:"新細明體";
	font-size: 14px;
	background-attachment: fixed;
	text-align:center;
}



/*用來置中定位的*/

#big{
	width:850px;
	margin-right:auto;
	margin-left:auto;
	margin-top:20;
	}


/*設定form的樣式*/

.formstyle{
text-align:left;
margin-left:30px;
}



	
	
/*banner */

#banner{
	width:825px;
	height:142px;
	background-image: url(image/banner.gif);
	background-repeat: no-repeat;
	margin-left:-9px;

}

#banner .date{
color:#003300;
padding-top:10px;
padding-left:670px;
font-weight:600;
font-size:10px;
text-align:left;
line-height:13pt;
}


#banner .web{
color:#999999;
padding-left:508px;
padding-top:-10px;
font-size:12px;
text-align:left;
	margin-top:-8px;

}


#banner .web a{
color:#999999;
font-weight:600;
font-size:12px;
text-align:left;
text-decoration:none;
}

#banner .web a:hover{
color:#333333;
}

/* 內容 */

#content {
	width:900px;
	background-image: url(image/bg.gif);
	background-repeat: repeat-y;
	background-position: 8px 0px;
	margin-top:-33px;
}

/* 分格線 */

#segmentation{
	width:496px;
	height:19px;
	background-image: url(image/hr2.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
     margin-top:-35px;	
}

/*小分格線 */

#br{
	width:437px;
	height:6px;
	background-image: url(image/br.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	margin-left:10px;
	margin-top:-30;
}

#br2{
	width:437px;
	height:6px;
	background-image: url(image/br.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	margin-left:10px;
	margin-top:-65;
}


/*本期重點提示*/
#index{
	width:825px;
	height:341px;
	margin-top:0px;
	margin-left:0px;
		margin-left:-58px;
}




#indexbox{
	width:625px;
	height:341px;
	background-image: url(image/indexbox.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top:0px;
	float:left;
	margin-left:-28px;
}


#indexbox ul{
   font-family:"新細明體";
   font-size:13px;
    list-style:square;
	padding-left:50px;
	padding-top:75px;
    text-indent:8px;
    text-align:left;
	font-weight:300;
	line-height:15pt;
	color:#003366;
	font-weight:bold;
}

#indeximage{
	width:247px;
	height:341px;
	margin-top:0px;
	margin-left:-27px;
float:left;
}

#indextable{
    width:500px;
	height:200px;
	margin-top:75px;
	margin-left:35px;
}

#indextable a{
    font-family:"新細明體";
   font-size:13px;	
	color:#003366;
	font-weight:bold;
	text-decoration:none;
}


/*main*/

#main{
	width:850px;
	margin-left:-34px;
}






/*右邊專欄*/
/*right*/

#right{
	width:450px;
	float:right;
	margin-top:22px;
	margin-right:-151px;
}


/*leearea*/

#leearea{
	width:282px;
	height:300px;
	float:left;
}

#leearea h1{
	width:283px;
	height:43px;
	float:left;
	background-image: url(image/leetitle3.gif);
    background-repeat:no-repeat;
	background-position:top;	
}


#leearea h2{
	width:283px;
	height:38px;
	float:left;
	background-image: url(image/squarfooter.gif);
    background-repeat:no-repeat;
	background-position: left bottom;
}

#leearea .h3{
	width:150px;
	text-align:left;
	font-size:14px;
	font-family:"新細明體";
	color:#333333;
	text-align:left;
	 padding-left:0;
	 margin-left:-10;
}

#leearea .h4{
	width:130px;
	float:left;
	font-size:12px;
	font-family:"新細明體";
	color:#003366;
	text-align:left;
		 padding-left:0;
		 margin-top:-10px;
}


/*專欄內文形式*/
#leearea .h5{
	width:250px;
	float:left;
    font-size:12px;
	font-family:"新細明體";
	color:#FFFFFF;
	text-align:left;
	margin-left:10px;
	line-height:13pt;

}



#leeareatop{
	width:283px;
	height:100px;
	float:right;
	background-image: url(image/squarbody2.gif);
	background-repeat: repeat-y;	
}

#leeareatopimage{
    margin-top:5px;
	width:100px;
	height:120px;
	float:left;
	margin-left:5px;
	font-family:"新細明體";
    font-size:12px;
	color:#666666;
}

#leeareatoptitle{
    margin-top:5px;
	width:160px;
	height:120px;
	float:right;
	margin-right:5px;

}



#leeareatext{
	width:283px;
	height:100px;
	float:right;
	background-image: url(image/squarbody2.gif);
	background-repeat: repeat-y;
	margin-top:-16px;
}





#leearea a{
    color:#666666;
	margin-left:100px;
	margin-top:-3px;
	width:85px;
	height:28px;
	text-decoration:none;
	background-image: url(image/more3.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-indent:18px;
	padding-top:8px;
	font-size:12px;
	font-family:"新細明體";
	color:#000033;
}

#leearea  a:hover{
    background-position: 0 -28 px;
    color:#FFFFFF;
    font-size:12px;
	font-family:"新細明體";
}










/*comicarea*/

#comicarea{
	width:282px;
	height:300px;
	float:left;
	margin-top:15px;
}

#comicarea h1{
	width:283px;
	height:43px;
	float:left;
	background-image: url(image/comictitle2.gif);
    background-repeat:no-repeat;
	background-position:top;	
}


#comicarea h2{
	width:283px;
	height:38px;
	float:left;
	background-image: url(image/comicfooter.gif);
    background-repeat:no-repeat;
	background-position: left bottom;
}


#comicarea .h3{
	width:250px;
	text-align:center;
	font-size:14px;
	font-family:"新細明體";
	color:#FFCC66;
	text-align:center;
	margin-top:10px;

}

#comicarea .h4{
	width:245px;
	float:left;
    font-size:12px;
	font-family:"新細明體";
	color:#FFFFFF;
	text-align:left;
	margin-left:10px;
	line-height:13pt;
	margin-top:-15px;

}


#comicareatop{
	width:282px;
	height:100px;
	float:right;
	background-image: url(image/comicbg2.gif);
	background-repeat: repeat-y;	
}

#comicareaimage{
	width:282px;
	height:100px;
	float:right;
	background-image: url(image/comicbg2.gif);
	background-repeat: repeat-y;
	margin-top:-11px;
}


#comicareaimage a{
    color:#FFCC99;
	margin-left:80px;
	width:100px;
	height:20px;
	text-decoration:none;
	background-image: url(image/comicbuttom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:35px;
	padding-top:12px;
	font-size:12px;
	font-family:"新細明體";
    margin-top:-5px;
}

#comicareaimage a:hover{
    background-position: 5 -27 px;
    color:#333333;
    font-size:12px;
	font-family:"新細明體";
}






/*成功案例*/

#sccess{
	width:283px;
	height:300px;
	float:left;
	margin-top:15px;
}

#sccess h1{
	width:283px;
	height:71px;
	float:left;
	background-image: url(image/sccesshead2.gif);
    background-repeat:no-repeat;
	background-position:top;	
}


#sccess h2{
	width:282px;
	height:37px;
	float:left;
	background-image: url(image/sccessfooter.gif);
    background-repeat:no-repeat;
	background-position: left bottom;
}


#sccessbody {
	width:283px;
	height:100px;
	float:right;
	background-image: url(image/sccessbody.gif);
	background-repeat: repeat-y;
}

#sccessbody .h3{
	width:170px;
	text-align:left;
	font-size:14px;
	font-family:"新細明體";
	color:#993333;
	text-align:center;
	margin-top:5px;
	font-weight:bold;
}

#sccessbody .h4{
	width:230px;
	float:left;
    font-size:12px;
	font-family:"新細明體";
	color:#333333;
	text-align:left;
	margin-left:13px;
	line-height:13pt;
	margin-top:10px;
}

#sccess a{
    color:#663333;
	margin-left:80px;
	width:118px;
	height:24px;
	text-decoration:none;
	background-image: url(image/sccessbuttom.GIF);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:4px;
	padding-top:7px;
	font-size:11px;
	font-family:"新細明體";
    margin-top:5px;
}

#sccess a:hover{
    color:#666666;
    font-size:11px;
	font-family:"新細明體";
}







/*contact*/

#contact{
	width:283px;
	height:532px;
	float:left;
	background-image: url(image/contact.gif);
    background-repeat:no-repeat;
	background-position:top;
	margin-top:20px;

}




/*ad*/

#ad{
    margin-top:10px;
	width:200px;
	height:300px;
	float:left;
}

/*flash*/

#flash{
	width:295px;
	height:480px;
	float:left;
	margin-top:0px;
	margin-left:-30px;
	background-image: url(image/flash.gif);
    background-repeat:no-repeat;
	background-position:top;
}



/*感謝*/

#thanks{
	width:250px;
	float:left;
	margin-right:10px;
	margin-top:-220px;
}

#thanks h1{
    font-family:"新細明體";
	font-size:12px;
	padding-top:10;
	color:#003366;
	text-align:left;
}

#thanks h2{
    font-size:12px;
	font-family:"新細明體";
	color:#999999;
	text-align:left;
	margin-top:-5;
	line-height:15pt;
}

#thanks a{
     color:#3366CC;
	 font-size:11px;
}

#thanks a:hover{
color:#6699FF;
}







/*左邊專欄*/
#left{
	width:520px;
	float:left;
	margin-left:-12px;

}




/* article */

#article {
	width:510px;
	text-align:left;
	margin-top:12px;
}


#article .h1{
	font-family:"新細明體";
	font-size:15px;
	padding-left:63;
	padding-top:13;
	color:#330033;
	width:350px;
	height:45px;
	background-image:url(image/articletitle1.gif);
	background-repeat: no-repeat;
	text-align:left;
	background-position: 20px 0px;
	font-weight:bold;
	
}


#article .h2{
	font-family:"新細明體";
	font-size:15px;
	padding-left:63;
	padding-top:13;
	color:#330033;
	width:350px;
	height:44px;
	background-image:url(image/articletitle3.gif);
	background-repeat: no-repeat;
	text-align:left;
	background-position: 20px 0px;
	font-weight:bold;
	
}

#article .h3{
	font-family:"新細明體";
	font-size:15px;
	padding-left:63;
	padding-top:15;
	color:#330033;
	width:350px;
	height:40px;
	background-image:url(image/articletitle2.gif);
	background-repeat: no-repeat;
	text-align:left;
	background-position: 20px 0px;
	font-weight:bold;
}


#article .h4{
	font-family:"新細明體";
	font-size:15px;
	padding-left:63;
	padding-top:13;
	color:#330033;
	width:350px;
	height:40px;
	background-image:url(image/articletitle4.gif);
	background-repeat: no-repeat;
	text-align:left;
	background-position: 20px 0px;
	font-weight:bold;
	margin-left:10px;
}

#article .h7{
	width:480px;
	height:150px;
	text-align:left;
	font-size:12px;
	font-family:"新細明體";
	color:#666666;
	text-align:left;
	padding-left:20;
	padding-right:10;
	margin-top:-10;
	line-height:15pt;
	margin-left:22px;
}

#article h6{
	font-family:"新細明體";
	font-size:14px;
	padding-left:20;
	padding-top:7px;
	color:#003366;
	margin-left:20px;
	width:470px;
	margin-top:-15;
}

#article .h6{
	font-family:"新細明體";
	font-size:14px;
	padding-left:20;
	padding-top:7px;
	color:#003366;
	margin-left:20px;
	width:500px;
	margin-top:-8;
	font-weight: bold;
}


#article .h7 a{
	color:#3366CC;
	margin-left:350px;
	margin-top:-5px;
	width:85px;
	height:33px;
	text-decoration:none;
	background-image: url(image/more.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:32px;
	padding-top:15px;
	font-size:12px;
	font-family:"新細明體";
	color:#000033;
}

#article .h7 a:hover{
	background-position: 0 -32 px;
    font-size:12px;
	font-family:"新細明體";
	color: #FF9933;
}


#article .h8{
	font-family:"新細明體";
	font-size:11px;
	padding-left:20;
	padding-top:0;
	margin-left:20px;
	width:450px;
	font-size:11px;
	color:#336666;
	line-height:12pt;
margin-top:-15px;
}

#article .h8 a{
	font-size:11px;
	color:#336699;
	line-height:12pt;
	text-decoration:none;
}


/*articleimage*/

.articleimage1{
	width:130px;
	height:217px;
	float:left;
	padding: 0px;
}

.articleimage{
	width:160px;
	height:120px;
	float:left;
	padding: 0px;
}

.articleimage2{
	width:160px;
	height:80px;
	float:left;
	padding: 0px;
}

/*image */

#image {
	width:160px;
	height:180px;
	text-align:left;
	float:left;
	margin-left:15px;
	font-family:"新細明體";
	font-size:11px;
	color:#003366;
	line-height:12pt;
}

#image a{
	font-size:11px;
	color:#336699;
	line-height:12pt;
	text-decoration:none;
}


/*text */

#text {
	width:320px;
	text-align:left;
	float:right;
}


#text h3{
   font-family:"新細明體";
	font-size:14px;
	padding-left:0;
	padding-top:0;
	color:#003366;
}

#text h4{
	font-size:12px;
	font-family:"新細明體";
	color:#666666;
	width:320px;
	height:50px;
	text-align:left;
	padding-left:0;
	padding-right:10;
	margin-top:-5;
	line-height:15pt;
}

#text h5{
	font-size:11px;
	font-family:"新細明體";
	color:#000000;
	width:280px;
	text-align:left;
	padding-left:0;
	padding-right:10;
}

#text a{
	color:#3366CC;
	margin-left:185px;
	margin-top:-35px;
	width:85px;
	height:33px;
	text-decoration:none;
	background-image: url(image/more.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:32px;
	padding-top:15px;
	font-size:12px;
	font-family:"新細明體";
	color:#000033;
}

#text a:hover{
	background-position: 0 -32 px;
    font-size:12px;
	font-family:"新細明體";
	color: #FF9933;
}

/* feedback */

#feedback{
	width:450px;
	margin-top:10px;
	margin-left:10px;
}


#feedback h1{
	float:left;
	width:360px;
	height:42px;
	background-image: url(image/feedback2.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	padding-top:35px;
	margin:0px;
	font-size:12px;
	font-family:"新細明體";
	color:#999999;
	text-align:left;
	background-position: 28px 0px;
}

#feedback a{
	width:84px;
	height:36px;
	text-decoration:none;
	background-image: url(image/sand.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:-25px;
	margin-left:300px;
}

#feedback a:hover{
    background-position: 0 -39 px;
}






/* footer */

#footer{
	width:838px;
	height:19px;
	background-image: url(image/footer.gif);
	background-repeat:  no-repeat;
	background-position: left bottom;
	margin-left:-45px;
	margin-top:0px;
    background-color:#FFFFFF;
}


#copyright{
    margin-top:10px;
    font-family:"新細明體";
	font-size:12px;
    text-align:center;
	font-weight:300;
	line-height:12pt;
	color:#003366;
}



/* 底部預留空間*/

#extraDiv{
    width: 600px;
	height:20px;
	position: absolute;
	left: 202px;
	top: 1000px;
}



/* full*/

#banner2{
	width:896px;
	height:86px;
	background-image: url(image/fullbanner.gif);
	background-repeat: no-repeat;
	margin-left:-10px;
	
}

#content2 {
	width:900px;
	background-image: url(image/fullbg.gif);
	background-repeat: repeat-y; 	
	background-position: 2px 0px;	
	margin-top:-10px;
}

#footer2{
	width:896px;
	height:25px;
	background-image: url(image/fullfooter.gif);
	background-repeat:  no-repeat;
	background-position: left bottom;


}




