@charset "big5";
/* CSS Document */
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#container{ margin:auto; width:970px;}
.clean{ clear:both;}
a{ text-decoration:none;}
a:hover{
	text-decoration:none;
}

#header{background:url(../images/header_bg.jpg) no-repeat left top; padding:15px 10px 9px 14px; height:36px;}
#header .logo_flash{ float:left; margin:-10px; /*margin-left:0px;*/ width:225px; height:55px;}
#header .line1{ background:url(../images/header_line1.jpg) repeat-y left top; width:1px; height:33px; margin-right:6px; float:left;}
#header .pink1{ color:#e9518e; float:left; line-height:17px; width:60px;}
#header .pink1 span.pink3{ font-size:11px;color:#e9518e; float:left; line-height:17px; margin-right:5px;}
#header span.pink2{ color:#e9518e; line-height:20px; margin-right:5px; }
#header .wd_all{
	float:left;
	width:294px;
}
#header .wd_all .wd_grey{ color:#4c4c4c; float:left; line-height:15px;}
#header .wd_all .wd_grey a{ color:#4c4c4c; line-height:15px;}
#header .wd_all .wd_grey a:hover{ color:#4c4c4c; line-height:15px;}
#header .member{
	float:right;
	color:#404040;
	line-height:15px;
	width: 275px;
	margin-top: -10px;
}
#header .member a{color:#404040;line-height:12px;}
#header .member a:hover{color:#404040;line-height:12px;}
#header .member span.men1{
	background:url(../images/icon5.jpg) no-repeat left 1px;
	padding-left:10px;
	color:#404040;

}
#header .search{
	background:url(../images/header_search_pic.jpg) no-repeat left 5px;
	float:right;
	padding:0 0 0 56px;
	height:22px;
	margin-top: 10px;
	width: 219px;
}
.nav{ border-bottom:5px #e9528e solid; margin-bottom:5px; _margin-top:-6px;}
.content{width:970px;}
/*left start*/
.content .left_mid{ width:215px; float:left; margin-left:4px; _margin-left:2px;}
.content .left_mid .hot_city{ /*background:url(../images/hot_city_mid.jpg) repeat-y left top;*/
	width: 215px;
}
.content .left_mid .service_top{width: 215px;}
.content .left_mid .service_top_2{width: 215px; padding-left:2px;}
.service_top .service_2{ margin-right:5px;}
.content .left_mid .hot_city .bor2{
	border-left:#ababab 1px solid;
	border-right:#ababab 1px solid;
	width:212px;
	background:url(../images/bg1.gif) left top;
	float:left;
}

.bor2 ul{
	float:left;
	margin-top:10px;
	margin-left:10px;
	_margin-left:6px;
	width:90px;
}
.bor2 ul li{
	background:url(../images/icon1.jpg) no-repeat left 7px;
	color:#686868;
	padding-left:10px;
	float: left;
	width:86px;
	_width:84px;
	height:21px;
}
.bor2 ul li a{color:#686868;}
.bor2 ul li a:hover{color:#686868;}
.left_mid .hot_city_bot{ float:left;}

.content .left_mid .sub_web{
	border:#b2b2b2 1px solid;
	margin-top:3px;

	#margin-top: 6px;
	_margin-top: 5px;
	float:left;
	width:212px;
}
.content .left_mid .sub_web .sub_web_pic{
	padding:5px 0 2px 0;
}
.content .left_mid .sub_web .sub_web_pic .item{
	width:100px;
	float:left;
	margin-bottom:3px;
	_margin-bottom:0px;
	margin-left: 4px;
	_margin-left:3px;
}
.item img{ border:#929292 1px solid; }
.item .icon2{
	background:url(../images/icon2.jpg) no-repeat left 6px;
	padding-left:12px;
}
.content .left_mid .sub_web .sub_web_pic .item a{ color:#686868;}
.content .left_mid .sub_web .sub_web_pic .item a:hover{ color:#686868;}
.content .left_mid .tel_pic{
	border:#b2b2b2 1px solid;
	margin-top:3px;
	#margin-top: 7px;
	_margin-top: 6px;
}
/*left end*/
/*mid start*/
.content .com_tra{
	width:520px;
	float:left;
	margin-left:5px;
	margin-top:6px;
}
.tra_top{ width:521px;}
.tra_top .tag_list{
	background:url(../images/com_tra_title_pic.jpg) no-repeat left top;
	height:26px;
	width:401px;
	padding-left:120px;
	padding-top:6px;
	float: left;
}
.tra_top .tag_list2{
	background:url(../images/com_tra_title_pic3.jpg) no-repeat left top;
	height:26px;
	width:401px;
	padding-left:120px;
	padding-top:6px;
	float: left;
}
.tra_top .tag_list .active{cursor:pointer;color:#e9528e;padding-top:3px;float:left;text-align:center;width:97px;height:26px; background:url(../images/tab_nav_bg_on.jpg) no-repeat left top; margin-right:2px;}
.tra_top .tag_list .inactive{cursor:pointer;color:#414141; padding-top:3px;float:left;text-align:center;width:97px;height:26px; background:url(../images/tab_nav_bg.jpg) no-repeat left top; margin-right:2px;}
.tra_top .tag_list2 .active{cursor:pointer;color:#e9528e;padding-top:3px;float:left;text-align:center;width:97px;height:26px; background:url(../images/tab_nav_bg_on.jpg) no-repeat left top; margin-right:2px;}
.tra_top .tag_list2 .inactive{cursor:pointer;color:#414141; padding-top:3px;float:left;text-align:center;width:97px;height:26px; background:url(../images/tab_nav_bg.jpg) no-repeat left top; margin-right:2px;}

.tra_top .tag_in{	float:left;	width:518px;	border-left:#ababab 1px solid;	border-right:#ababab 1px solid;	padding-top:13px;	background-image: url(../images/recom2_bg.jpg);}
/*#huadong img{ border:#929292 1px solid; margin-right:5px;float:left;}*/
.tra_item_all{ width:240px; float:left; margin-left:10px; margin-top:-5px; height:81px; }
.tra_item_all img{ border:#929292 1px solid; margin-right:5px;float:left;}
.tra_item_all .sml_title_bg{ /*background:url(../images/com_tra_list_title_bg.jpg) no-repeat left top; width:80px;*/ background:#6f6f6f; margin-left:-5px; height:15px; line-height:13px; line-height:15px; color:#fff; padding:2px 0 0 3px; float:left;}
.tra_item_all .sml_title_bg a{ color:#fff;}
.tra_item_all .sml_title_bg a:hover{ color:#fff;}
.tra_item_all .wd{ background:url(../images/icon4.jpg) no-repeat left 5px; color:#929292; padding-left:12px; float:left;}
.tra_item_all .wd a{ color:#929292;}
.tra_item_all .wd a:hover{ color:#929292;}
.line{ background:url(../images/line1.jpg) repeat-x left top; width:500px; float:left; height:1px; margin-left:10px; _margin-left:4px; margin-bottom:15px; _margin-bottom:0px; margin-top:2px; margin-top:3px \9; }

/*mid end*/
/*right start*/
.content .right{ float:right; width:215px; margin-right:4px; _margin-right:2px;}
.content .right .travel_search{
	float:right; /*background:url(../images/hot_city_mid.jpg) repeat-y left top;*/
	width:215px;
	/*height: 320px;*/
}
.content .right .travel_search .travel_bot{ float:right;}
.content .right .travel_search .bor3{
	border-right:#ababab 1px solid;
	border-left:#ababab 1px solid;
	width:200px;
	float:left;
	padding:8px 0 0 12px;
	color:#434343;
}
.bor3 p.icon3{
	background:url(/eweb_jptravel/images/Module_icon/icon3.jpg) no-repeat left 6px;
	padding-left:12px;
	height:18px;
}
.bor3 p.icon4{
	background:url(/eweb_jptravel/images/Module_icon/icon3.jpg) no-repeat left 6px;
	padding-left:12px;
	height:21px;
}
.bor3 .form2{
	margin-bottom:8px;
	margin-bottom:8px;	
*margin-bottom:5px; 			_margin-bottom:5px;
}
.bor3 .form3{
	width:70px;
	margin: 0;
}
.bor3 .form4{ margin:8px 0 0 40px;}
.bor3 .form5{ margin:20px 0 15px 40px;}
.content .right .travel_search_bot{ float:right;}
.content .right .ad1{
	float:right;
	width: 215px;
}
.content .right .ad1 img{
	border:#b2b2b2 1px solid;
	margin-top:6px;
	_margin-top:10px;
	width:215px;
}
#wrap{
	margin-top:6px;
	float:right;
	width:215px;
	position: relative;
	height: 83px;
}
/*right end*/
#footer{ background:url(../images/footer_bg.jpg) repeat-x left bottom; padding: 0 10px 0 10px; margin-top:5px; height:163px;}
#footer .footer_bg2{ background:url(../images/footer_bg2.jpg) repeat-x left top; border:#f9d2d6 1px solid; width:950px; height:144px; }
#footer .footer_bg2 .footer_nav{ padding: 6px 160px 0 160px;}
#footer .footer_bg2 .footer_wd{ padding:10px 0 0 30px; float:left; }
#footer .footer_bg2 .footer_wd .label{ margin-left:50px; float:left; width:210px;}
#footer .footer_bg2 .footer_wd .footer_wd_mid{ width:385px; float:left; margin-left:58px; color:#707070; line-height:19px;}
#footer .ework{ color:#ff8f9b; float:right; margin-right:15px; line-height:18px;}
#footer .ework a{color:#ff8f9b}
#footer .ework a:hover{
	color:#ff8f9b
}
.bor3 input {
     margin-right:5px;
}
.rollBox {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 5px 0px 0px;
	OVERFLOW: hidden; 
	WIDTH: 216px; 
	PADDING-TOP: 0px; 
	HEIGHT: 82px;
	display:inline;
}
.rollBox .LeftBotton {
DISPLAY: inline; 
BACKGROUND: url(../images/ad_bar_left.jpg) no-repeat 0px 0px; 
FLOAT: left; 
MARGIN: 2px 3px 0px 0px; 
OVERFLOW: hidden; 
WIDTH: 9px; 
CURSOR: pointer; 
HEIGHT: 78px
}
.rollBox .RightBotton {
	DISPLAY: inline; 
	BACKGROUND: url(../images/ad_bar_right.jpg) no-repeat 0px 0px; 
	FLOAT: right; 
	MARGIN: 2px 0px 0px 3px;;
	OVERFLOW: hidden; 
    WIDTH: 9px; 
	CURSOR: pointer; 
    HEIGHT: 78px
}
.rollBox .Cont {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 192px
}
.rollBox .ScrCont {
	FLOAT: left; WIDTH: 10000000px
}
.rollBox .Cont .pic {
	FLOAT: left; WIDTH: 192px
}
.rollBox .Cont .pic IMG {
	DISPLAY: block; WIDTH: 192px; HEIGHT: 83px;
}
.rollBox #List1 {
	FLOAT: left
}
.rollBox #List2 {
	FLOAT: left
}