@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;
	margin:0;
	padding:0;
	background:url(../web_images/index_bg.jpg) no-repeat top center;
}
p {
	/*\*/
	letter-spacing: 0.1em;
	/**/
	margin:0 0 10px 0;
}
a{
	text-decoration:none;
}
a img{
    border:none;
	text-decoration:none;
}
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;
}
.container {
	text-align:left;
	position: relative;
	margin: 0 auto;
	width: 970px;
}
.top{ height:97px;background:url(../web_images/top_bg.jpg) no-repeat left bottom; padding:0 0 12px 0;}
.top .logo {
	float:left;
}
.top .m_nav {
    float:right;
}
.top .m_nav li{
    float:left;
}
.pic_marquee {
    padding:19px 0 0 15px;
	float:left;
}
.top .small_nav {
	float:right;
	width:190px;
	padding:7px 0 0 0;
}
.top .small_nav li{
    float:left;
	background: url(../web_images/small_icon.jpg) no-repeat left 2px;
	padding:0 0 0 12px;
	margin:0 7px 0 0;
}
.top .small_nav li a{ color:#0e66c6}
.top .small_nav li a:hover{ color:#0e66c6;text-decoration:underline;}
.navigation {
    width:641px;
	float:right;
	padding:8px 0 0 0;
}
.navigation li{
    float:left;
}
.navigation li a{
    height:0px !important;
	padding:40px 0 0 0;
	display:block;
	overflow:hidden;
}
.n01,.n02,.n03,.n04,.n05{
    width:128px;
	height:40px;
}
.n01 a{ background:url(../web_images/nav/nav01.jpg) no-repeat left top;}
.n02 a{ background:url(../web_images/nav/nav02.jpg) no-repeat left top;}
.n03 a{ background:url(../web_images/nav/nav03.jpg) no-repeat left top;}
.n04 a{ background:url(../web_images/nav/nav04.jpg) no-repeat left top;}
.n05 a{ background:url(../web_images/nav/nav05.jpg) no-repeat left top;}

.n01 a:hover{ background:url(../web_images/nav/nav01_1.jpg) no-repeat left top;}
.n02 a:hover{ background:url(../web_images/nav/nav02_1.jpg) no-repeat left top;}
.n03 a:hover{ background:url(../web_images/nav/nav03_1.jpg) no-repeat left top;}
.n04 a:hover{ background:url(../web_images/nav/nav04_1.jpg) no-repeat left top;}
.n05 a:hover{ background:url(../web_images/nav/nav05_1.jpg) no-repeat left top;}
.left_area {
	float:left;
	width:439px;
}
.mar_bg{
    background:url(../images/marquee_bg.jpg) no-repeat left top;
	 float:left;
	 width:251px;
	 height:64px;
	 margin:11px 0 0 6px;
	 padding:11px 0 0 6px;
}
.left_area .marquee {
 
}
.left_area .marquee li{
     background:url(../web_images/marquee_icon.jpg) no-repeat left center;
	 padding:0 0 0 9px;
	 margin:0 0 3px 0;
}
.left_area .marquee li a{ color:#515151}
.left_area .marquee li a:hover{ color:#515151; text-decoration:underline;}
.left_area .pic_adver {
	float: left;
	width:172px;
	height:80px;
	padding:5px 0 0 3px;
}
/*搜尋區塊*/
.search {
    background: url(../web_images/search_bg.jpg) no-repeat left top;
	width:435px;
	height:142px;
	margin:5px 0 0 0;
	float:left;
	padding:5px 0 0 4px;
}
.search ul.all_item{
	position:relative;
	width:435px;
}
.search ul.all_item li {
    float:left;
	margin:0 4px 0 0;
}
.search .search_con {
	position:relative;
	padding:5px 0 0 0;
	height:93px;
}
.search_con li ul li {
    margin:0 0 5px 0;
}
.search_con li ul {
    padding:3px 0 0 15px;
}
.search_con select {
    height:19px;
	font-size:11px;
}
.search .search_bu {
	position:absolute;
	top:90px;
	right:5px;
}
.middle .right_area {
	float:left;
	padding:10px 0 0 4px;
	width:373px;
}
.middle .adver_box {
	float: right;
	width:144px;
	padding:9px 0 0 0;
}
.adver_box .adver {
    border:1px solid #d5d5d5;
	padding:1px;	
}
.adver_box .adver { width:137px; height:107px;}
.adver_box .adver.ma{ margin:0 0 4px 0;} 
.journal_area {
    padding:9px 0 0 0;
	zoom:1;
	height:auto;
	overflow:hidden;
}
.journal_area .jour_info {
    width:637px;
	float:left;
}
.jour_info .jour_place {
    position:relative;
	height:95px;

}
.tra_info {
	background:url(../web_images/info_bg.jpg) no-repeat left top;
	width:623px;
	height:121px;
	position:relative;
	margin:9px 0 0 0;
	padding:15px 0 0 14px;
}
.tra_info .information {
	float: left;
	margin:0 5px 0 0;
	width:95px;
}
.tra_info .information.no_ma{ margin:0;}
.tra_info .information img{
    border:1px solid #d7d7d7
}
.information .name {
	padding:4px 0 0 20px;
	color:#76005e;
	height:14px;
}
.information .name a{color:#76005e;}
.information .name a:hover{color:#f001c0; text-decoration:underline;}
.information .name.no01 {background:url(../web_images/info_no01.jpg) no-repeat left center;}
.information .name.no02 {background:url(../web_images/info_no02.jpg) no-repeat left center;}
.information .name.no03 {background:url(../web_images/info_no03.jpg) no-repeat left center;}
.information .name.no04 {background:url(../web_images/info_no04.jpg) no-repeat left center;}
.information .name.no05 {background:url(../web_images/info_no05.jpg) no-repeat left center;}
.information .name.no06 {background:url(../web_images/info_no06.jpg) no-repeat left center;}
.journal_area .jour_list {
	width:324px;
	float:left;
	margin:0 0 0 7px;
}
/*右下四種行程按鈕的效果*/
.action{
	background:url(../images/journal_bu_1.jpg) no-repeat left top;
	width:69px;
	height:21px;
	font-size:13px;
    padding:10px 0 0 12px;
	letter-spacing: 0.1em;
	float:left;
}
.action a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	float:left;
	font-weight: bold;
	text-decoration: none;
	color: #d05496;
}
.action a:hover{
	color: #d05496;
}
.unaction{
	background:url(../web_images/journal_bu.jpg) no-repeat left top;
	width:69px;
	height:21px;
	font-size:13px;
	float:left;
	padding:10px 0 0 12px;
	letter-spacing: 0.1em;
}
.unaction a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6b6b6b;
	float:left;
	font-weight: bold;
	text-decoration: none;
}
.unaction a:hover{
	color: #6b6b6b;
}
.jour_content{
	width:324px;
	height:200px;
	background:url(../web_images/journal_bg.jpg) no-repeat left top;
	padding:11px 0 0 0;
}
#a1,#a2,#a3,#a4{width:324px; float:left;}


.place_pic {
	padding-left: 9px;
}
.place_pic .pic_intro{
	float:left;
	margin:0 5px 0 0;
	display:block;
	width:98px;
	text-align:center;
}
.place_pic img.no_ma{ margin:0;}
.place_pic .pic_name{ padding:5px 0 0 0; display:block;}
.place_pic .pic_name a{ color:#e68dcb} 
.place_pic .pic_name a:hover{
	color:#e68dcb;
	text-decoration:underline;
} 
.jour_list_area{
	padding:3px 0 0 9px;
}
.jour_list_area li {
	background:url(../web_images/journal_icon.jpg) no-repeat left center;
	padding:0 0 0 8px;
	margin:0 0 2px 0;
}
.jour_list_area li a{ color:#5c5c5c;}
.jour_list_area li a:hover{ text-decoration:underline;color:#5c5c5c;}
/*The End*/
.footer {
	margin:7px 0 0 0;
}
.footer .footer_nav {
    letter-spacing: 4px;
	_letter-spacing: 3px;
	padding:0 0 3px 2px;
	_padding:0 0 3px 5px;
}
.footer .footer_nav a{ color:#585858;}
.footer .footer_nav a:hover{ color:#f00046;}
.company_info {
	background:url(../web_images/footer.jpg) no-repeat left top;
	width:745px;
	height:37px;
	padding:15px 0 0 0px;
	float:left;
}
.company_info2 {
	width:745px;
	height:48px;
	padding:0 0 0 11px;
	float:left;
}
.company_info .ework {
    padding:3px 0 0 310px;
	color:#c297bc;
}
.company_info .ework a{color:#c297bc;}
.company_info .ework a:hover{color:#c297bc;}
.footer .footer_logo {
    float: left;
	width:214px;

}
.container .middle {
    overflow:hidden;
	zoom:1;
	height:auto;
	height:238px;
}