/*基本設定*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
font-weight:normal;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
}
li{
list-style:none;
}
body {
text-align:center;
background:url(../image/bg.png) repeat-x;
}
p {
margin:0;padding:0;
}
a {
text-decoration:none;
}
/*css基本佈局*/
#container{
text-align:left;
width:970px;
position:relative;
margin:0 auto;
}
#container a{
color:#0033CC;
}
#container a:hover{
color:#0033CC;
}
#header{
margin-bottom:5px;
}
#header h2 {
position:absolute;
top:-1000px;
left:-1000px;
overflow:hidden;
}
#content{
margin-bottom:5px;
_margin-bottom:5px;
zoom:1;
height:auto;
overflow:hidden;
width:970px;
}
#content a{
color:#0033CC;
}
#content a:hover{
color:#f00;
}
/*page content_left*/


/*index content 上段*/
#content_top{
height:auto;
overflow:hidden;
display:block;
margin-bottom:5px;
zoom:1;
}
#content_top #short_cut{
width:241px;
float:right;
font-size:0.8em;
}
#content_top #short_cut ul{
width:90%;
margin-left:20px;
clear:both;
}
#content_top #short_cut li{
padding:0 0 0 10px;
background:url(../image/shor_cut_pic.gif) no-repeat left 10px;
line-height:2.4em;
width:42%!important;
width:49.5%;
float:left;
}
#content_top #hot_recommend{
width:465px;
float:right;
font-size:0.75em;
}
#content_top #hot_recommend a{
color:#0033CC;
}
#content_top #hot_recommend a:hover{
color:#f00;
}
#content_top #hot_recommend li{
clear:both;
padding-top:8px
}
#content_top #hot_recommend li div{
width:50%!important;
width:49.5%;
float:left;
}
#content_top #hot_recommend .block a {
line-height:13pt;
display:block;
}
#content_top #hot_recommend li label {
float:left;
margin:0 4px 0 8px;
}
#content_top #search_area{
width:250px!important;
width:256px;
float:left;
font-size:0.8em;
}

 #search_area .layout_set{
padding-left:5px;
}
 #search_area .layout_set div{
padding:3px 0;
}
 #search_area .layout_set div select{
font-size:0.9em;
margin-right:5px;
}
/*index content 中段*/
#content_middle{
display:block;
overflow:hidden;
clear:both;
width:970px;
zoom:1;
}
#content_middle #latest_news{
width:241px;
float:right;
font-size:0.8em;
height:111px;
}
#content_middle #latest_news img{
display:inline;
margin:0 5px -4px 0;
}
#content_middle #latest_news li{
padding:4px 0;
border-bottom:1px dashed #999999;
}
#content_middle #tour_ad{
background:url(../image/tour_bg.png) no-repeat;
width:465px;
height:110px;
float:right;
}
#content_middle #tour_ad img{
margin:15px 3px 0 7px;
}
#link_btn {
width:253px!important;
width:256px;
float:left;
}
 #link_btn img{
margin:15px 2px 0 0;
}
/*index content 末段 */
#content_bottom{
}
#content_bottom #content_bottom_right{
float:right;
width:24.5%;
}
#content_bottom #content_bottom_right img{
margin-bottom:5px
}
#content_bottom #content_bottom_left{
float:left;
width:74.85%;
}
#content_bottom #content_bottom_left a{
color:#0033CC;
}
#content_bottom #content_bottom_left a:hover{
color:#f00;
}
/* 圖左文右編排模組 */
#content_bottom #content_bottom_left li{
clear:both;
padding-top:8px
}
#content_bottom #content_bottom_left li span{
float:right;
margin-top:-18px;
}
#content_bottom #content_bottom_left li div{
width:49.5%;
float:left;
}
#content_bottom #content_bottom_left .block a {
line-height:13pt;
display:block;
}
#content_bottom #content_bottom_left li label {
float:left;
margin:0 4px 0 8px;
}
#content_bottom #content_bottom_left #abord_tour{
font-size:0.75em;
width:100%;
position:relative;
}
#content_bottom #content_bottom_left #abord_tour h2{
position:absolute;
overflow:hidden;
top:-1500px;
left:-1500px;
}
#content_bottom #content_bottom_left #domestic_tour{
font-size:0.8em;
width:100%;
position:relative;
}
#content_bottom #content_bottom_left #domestic_tour h2{
position:absolute;
overflow:hidden;
top:-1500px;
left:-1500px;
}
#footer a{
color:#000000;
}
#footer a:hover{
color:#f00;
}
#footer{
line-height:1.8em;
padding:10px;
font-size:0.75em;
clear:both;
height:auto;
background:url(../image/footer_bg.png) repeat-x bottom;
width:948px!important;
width:970px;
border:1px solid #B5CBD0;
}
#footer a.normal{
color:#000;
}
#footer .image_set01{
margin-bottom:-7px;
}
#footer .image_set02{
margin:5px 0 0 0;
}
#footer .image_set02 img{
margin:0 2px ;
}
/*活動套用class*/
.hidden{
display:none;
}
.allclean{
clear:both;
}
.right_clean{
clear:left;
}
.to_left{
float:left;
}
.to_right{
float:right;
}
.to_middle{
text-align:center;
}
.margin_center{
margin:0 auto;
_margin-left:100px;
}
.margin_set{
margin-bottom:5px;
}
.margin_set_02{
margin-top:5px;
}
.margin_set_03{
margin-top:0;
_margin-top:-5px;
}
.padding_set_01{
padding-left:5px;
}
.border_line_01{
border-bottom:1px dashed #ccc;
}
/*共用模組*/
.colpadding{
margin-left:4px;
}
.md {
zoom:1;
position:relative;
background:#fff;
border:1px solid #B5CBD0;
}
.md .hd {
background:url(../image/tabbg.gif) repeat-x bottom ;
height:19px;
border-bottom:1px solid #B5CBD0;
}
.md .hd h2 {
font-size:1em;
padding-left:10px;
line-height:0.9em;
}
.md .hd h3 {
font-size:0.8em;
padding-left:10px;
line-height:0.9em;
}
.md .rctop {
display:block;
background:url(../image/rc_all.gif) left -22px no-repeat;
position:relative;
top:-1px;
left:-1px;
}
.md .rctop span {
font-size:0;
display:block;
height:4px;
background:url(../image/rc_all.gif) right -26px no-repeat;
position:relative;
right:-2px;
}
.md .bd{
background:url(../image/box_bg.png) repeat-x bottom;
zoom:1;
height:165px;
clear:both;
}
.md .bd_02{
width:96.8%!important;
width:100%;
overflow:hidden;
padding:10px;
background:url(../image/box_bg.png) repeat-x bottom;
zoom:1;
height:auto;
font-size:0.8em;
clear:both;
line-height:1.6em;
}
.md .bd_02 h3{
background:url(../image/journey_h2_pic.gif) 0 17px no-repeat;
padding:15px 0 5px 20px;
font-size:1em;
}
.md .bd_02 h4{
margin:8px 0 0 0;
color:#505E8F;
font-size:1.1em;
background:url(../image/journey_h4_pic_.gif) no-repeat;
padding:2px 0 8px 25px;
}
.md .bd_02 h4 span{
float:right;
margin-top:-1.9em;
border:1px solid #B0B0B0;
background-color:#FDFFC8;
padding:0 5px;
}
.md .bd_02 h6{
margin:8px 0 0 0;
color:#505E8F;
font-size:1.1em;
background:url(../image/journey_h4_pic_.gif) no-repeat;
padding:2px 0 8px 25px;
}
.md .bd_02 h6 span{
margin-top:-1.4em;
_margin-top:-2.3em;
margin-right:0.4em;
float:right;
color:#F60;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.md .bd_02 .info_layout li{
width:47%!important;
width:50%;
float:left;
line-height:1.7em;
padding:8px 0 8px 15px;
border-bottom:1px dashed #999999;
background:url(../image/text_pic.gif) left 14px no-repeat;
}
.md .bd_02 .info_layout_02 {
float:left;
width:45%;
margin-right:15px;
}
.md .bd_02 .info_layout_02 li{
line-height:1.7em;
padding:5px 0 5px 15px;
border-bottom:1px dashed #999999;
background:url(../image/text_pic.gif) left 12px no-repeat;
}
.md .bd_02 .info_layout_02 li span{
font-size:0.9em;
color:#0033CC;
float:right;
margin-top:-2.1em;
}
.md .bd_02 .info_layout_03 {
float:left;
width:95%;
margin-right:15px;
}
.md .bd_02 .info_layout_03 li{
height:60px;
float:left;
width:50%;
border-bottom:1px dashed #ccc;
margin-bottom:10px;
}
.md .bd_02 .info_layout_03 li span{
float:right;
margin-right:10px;
/*position:relative;
left:180px;*/
}
/*tab nav模組*/
.md_02{
zoom:1;
position:relative;
background:#fff;
}
.md_02 .hd {
background:url(../image/tabbg.gif) bottom repeat-x;
height:19px;
border-bottom:1px solid #B5CBD0;
}
.md_02 .rctop {
display:block;
background:url(../image/rc_all.gif) left -22px no-repeat;
position:relative;
top:-1px;
left:-1px;
}
.md_02 .rctop span {
display:block;
font-size:0;
height:4px;
background:url(../image/rc_all.gif) right -26px no-repeat;
position:relative;
right:-2px;
}
.md_02 .bd{
clear:both;
background:url(../image/box_bg.png) repeat-x bottom;
zoom:1;
height:112px;
border:1px solid #B5CBD0;
}
.md_02 .bd_02{
width:95.4%!important;
width:100%;
overflow:hidden;
padding:15px;
background:url(../image/box_bg.png) repeat-x bottom;
zoom:1;
height:auto;
clear:both;
border:1px solid #B5CBD0;
}

.md_02 .bd_02 img{
padding-right:8px;
}
.md_02 .bd_02 ul{
width:32%;
margin-bottom:15px;
margin-right:8px;
float:left;
}
.md_02 .bd_02 h4{
color:#505E8F;
font-size:1.1em;
margin-top:5px;
background:url(../image/journey_h4_pic_.gif) no-repeat;
padding:3px 0 15px 25px;
}
.md_02 .bd_02 h4 span{
margin-top:-1.4em;
_margin-top:-2.3em;
margin-right:0.4em;
float:right;
color:#F60;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}
.md_02 .bd_02 h4 span a:hover{
text-decoration:underline;
}
.md_02 .bd_02 h5{
color:#0033FF;
font-weight:bold;
}
.md_02 .bd_02 li{
	line-height:1.7em;
	padding:3px 0 3px 15px;
	border-bottom:1px dashed #ccc;
	background:url(../image/text_pic.gif) left 11px no-repeat;
}
.md_02 .bd_02 li span{
font-size:0.9em;
color:#FF6600;
float:right;
margin-top:-2.1em;
}
.active{
cursor:pointer;
color:#FFFFFF;
padding-top:3px;
float:left;
text-align:center;
width:99px;
height:19px!important;
height:22px;
background:url(../image/tab_nav_bg_on.png) no-repeat;
}
.inactive{
cursor:pointer;
padding-top:3px;
float:left;
text-align:center;
width:99px;
height:19px!important;
height:22px;
background:url(../image/tab_nav_bg.png) no-repeat;
}
.abord_nav_title{
float:left;
width:132px;
height:22px;
background:url(../image/tab_nav_title_01.png) no-repeat;
}
.domestic_nav_title{
float:left;
width:132px;
height:22px;
background:url(../image/tab_nav_title_02.png) no-repeat;
}
.recommend_layout{
padding:80px 0 0 0;
background:url(../image/journey_recommend.png) no-repeat;
width:310px;
height:260px;
}
.send_layout{
padding:80px 0 0 0;
background:url(../image/journey_send.png) no-repeat;
width:310px;
height:260px;
}

