@charset "utf-8";
/*===============上面這是清除css原預設格式===============*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img
{margin:0;padding:0;font-weight:normal;}
body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #585858;
	background-color:#fffdea;
	margin:0;
	padding:0;
}
p {
	/*\*/
	letter-spacing: 0.1em;
	/**/
	margin:0 0 10px 0;
}
a{  color:#585858;
	text-decoration:none;
}
a:hover{  color:#f4990f;
}
ul,li{
list-style-type:none;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
.clean{
    clear:both;
}
.no_margin{
    margin:0;
}
#container {
	text-align:left;
	position: relative;
	margin: 0 auto;
	width: 939px;
}
.index_bg {
    background:url(../images/index_bg.jpg) no-repeat left top;
	width:939px;
	height:610px;
}
#index_section{
    padding:26px 76px 0 76px;
}
#flash_area {
    padding:5px 0 0 0;
}
.section_bottom{
	padding:17px 0 0 0;
}
.bottom_area{
	width:265px;
	line-height:1.8;
	margin:0 18px 0 0;
	float:left;
}
.abo a{ 
    text-decoration:none;
	color: #585858;
}
.abo a:hover{ 
    text-decoration: underline;
	color: #585858;
}
.bottom_area .pa,#faq {
    padding:0 0 0 43px;
}
.bottom_area #faq li {
    background:url(../images/dotted.jpg) repeat-x left bottom;
    
}
.bottom_area #faq li a{
	background:url(../images/faq_icon.jpg) no-repeat left center;
	padding:0 0 0 8px;
}
.bottom_area_knowledge{
	width:194px;
	line-height:1.8;
	margin:0;
	float:left;
}
.bottom_area_knowledge li{
    margin:0 0 4px 0;
}
.bottom_area_knowledge li a{
    padding:29px 0 0 0;
	overflow:hidden;
	display:block;
	height:0 !important
}
#k01 a{
    background:url(../images/knowledge_01.jpg) no-repeat left top;
}
#k02 a{
    background:url(../images/knowledge_02.jpg) no-repeat left top;
}
#k03 a{
    background:url(../images/knowledge_03.jpg) no-repeat left top;
}
#k04 a{
    background:url(../images/knowledge_04.jpg) no-repeat left top;
}
#k01 a:hover{
    background:url(../images/knowledge_01_1.jpg) no-repeat left top;
}
#k02 a:hover{
    background:url(../images/knowledge_02_1.jpg) no-repeat left top;
}
#k03 a:hover{
    background:url(../images/knowledge_03_1.jpg) no-repeat left top;
}
#k04 a:hover{
    background:url(../images/knowledge_04_1.jpg) no-repeat left top;
}
#footer {
    margin:36px 0 0 0px;
}
#footer a{color: #b9b9b9;}
#footer a:hover{color: #b9b9b9;}
.white{color: #b9b9b9;}