@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: 13px;
	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;
}

.small_menu {
	float: right;
	width:300px;
	padding:21px 70px 0 0;
}
.small_menu li {
	float: left;
	margin:0 4px 0 0;
}
.no_mar {
	float: left;
	margin:0;
}
#index_section{
    padding:26px 76px 0 76px;
}
#navigation {
	width:776px;
	padding:0 0 0 4px;
}
#navigation li{
    float:left;
	background:url(../images/navigation/line.jpg) no-repeat right center;
	padding:0 25px 0 5px;
}
#navigation li.no_bg{
    float:left;
	background:none;
	padding:0 0 0 7px;
}
#navigation li a{
    height:0px !important;
	padding:27px 0 0 0;
	display:block;
	overflow:hidden;
}
#n01,#n02,#n07{
    width:71px;
	height:27px;
}
#n03,#n04,#n05,#n06,#n08,#n09{
    width:57px;
	height:27px;
}
#n07{
    width:42px;
	height:27px;
}
#n01 a{
    background:url(../images/navigation/about.jpg) no-repeat left top;
}
#n02 a{
    background:url(../images/navigation/bus_intro.jpg) no-repeat left top;
}
#n03 a{
    background:url(../images/navigation/airplane.jpg) no-repeat left top;
}
#n04 a{
    background:url(../images/navigation/group.jpg) no-repeat left top;
}
#n05 a{
    background:url(../images/navigation/metric.jpg) no-repeat left top;
}
#n06 a{
    background:url(../images/navigation/faq.jpg) no-repeat left top;
}
#n07 a{
    background:url(../images/navigation/free.jpg) no-repeat left top;
}
#n08 a{
    background:url(../images/navigation/mini.jpg) no-repeat left top;
}
#n09 a{
    background:url(../images/navigation/contact.jpg) no-repeat left top;
}
#n01 a:hover{
    background:url(../images/navigation/about_1.jpg) no-repeat left top;
}
#n02 a:hover{
    background:url(../images/navigation/bus_intro_1.jpg) no-repeat left top;
}
#n03 a:hover{
    background:url(../images/navigation/airplane_1.jpg) no-repeat left top;
}
#n04 a:hover{
    background:url(../images/navigation/group_1.jpg) no-repeat left top;
}
#n05 a:hover{
    background:url(../images/navigation/metric_1.jpg) no-repeat left top;
}
#n06 a:hover{
    background:url(../images/navigation/faq_1.jpg) no-repeat left top;
}
#n07 a:hover{
    background:url(../images/navigation/free_1.jpg) no-repeat left top;
}
#n08 a:hover{
    background:url(../images/navigation/mini_1.jpg) no-repeat left top;
}
#n09 a:hover{
    background:url(../images/navigation/contact_1.jpg) no-repeat left top;
}
#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;
}
.white{color: #b9b9b9;}