@charset "utf-8";
/* Reset CSS */
*{ margin:0; padding:0; } 
table {  border-collapse:collapse; border-spacing:0;   } 
fieldset,img {border:0;} 
img { display:block;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;} 
ol,ul,li {list-style:none;} 
ul,li{ list-style-position:outside; }
caption,th { text-align:left;} 
h1,h2,h3,h4,h5,h6 { font-size:100%;} 
q:before,q:after { content:'';} 
abbr,acronym { border:0; }  
.clear{ display:block; clear:both;line-height:0;height:0;font-size:0}

/* CSS Document */
body{text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:22px;
SCROLLBAR-FACE-COLOR: #fcfcfc;
 SCROLLBAR-HIGHLIGHT-COLOR: #b2b2b2;
 SCROLLBAR-SHADOW-COLOR: #fcfcfc;
 SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
 SCROLLBAR-ARROW-COLOR: #888888;
 SCROLLBAR-TRACK-COLOR: #fcfcfc;
 SCROLLBAR-DARKSHADOW-COLOR: #9f9f9f;
 SCROLLBAR-BASE-COLOR: #fcfcfc
}
.l { float:left}
.r { float:right}

.wapper { width:900px; margin:0 auto}
.header { background:url(images/expo_01.jpg); height:251px; text-align:left}
.header ul.menu { padding-top:164px; margin-left:300px;}
.header ul.menu li { width:72px; height:40px; margin-right:8px; text-align:center; padding-top:46px; float:left}
.header ul.menu li a { color:#639476; text-decoration:none}
.header ul.menu li a:hover { color:#f30; text-decoration: none}

.header ul.menu li.icon1 { background:url(images/expo_15.gif) no-repeat; }
.header ul.menu li.icon2 { background:url(images/expo_16.gif) no-repeat; }
.header ul.menu li.icon3 { background:url(images/expo_17.gif) no-repeat; }
.header ul.menu li.icon4 { background:url(images/expo_18.gif) no-repeat; }
.header ul.menu li.icon5 { background:url(images/expo_43.gif) no-repeat; }


.header ul.menu li.selected1 { background:url(images/expo_15_2.gif) no-repeat; color:#ff7d00; }
.header ul.menu li.selected2 { background:url(images/expo_16_2.gif) no-repeat; color:#ff7d00;}
.header ul.menu li.selected3 { background:url(images/expo_17_2.gif) no-repeat; color:#ff7d00;}
.header ul.menu li.selected5 { background:url(images/expo_43_2.gif) no-repeat; color:#ff7d00;}



.main { background:white; border:4px solid #bce2b1; text-align:left;padding:10px;}
.main_l { float:left; width:590px;}
.main_r { float:right; width:275px;}

.main_l ul.month {  background:url(images/expo_44.gif) repeat-x; height:38px; padding-left:20px;}
.main_l ul.month li { background:url(images/expo_45.gif); width:44px; height:38px; float:left; color:white;  margin-right:3px; line-height:38px; font-size:30px; font-family:Arial, Helvetica, sans-serif; padding-left:14px; cursor:pointer; }
.main_l ul.month li.selected {  background:url(images/expo_46.gif); color:#2ba843}
.main_l ul.month li a { background:url(images/expo_45.gif); color:white;}
.main_l ul.month li a:hover { background:url(images/expo_46.gif); color:#2ba843 }


.box { border:1px solid #bedac3; }
.box .title { background:url(images/expo_02.gif) repeat-x; height:28px;  border-bottom:1px solid #bedac3; color:#3a925f;  line-height:28px;}
.box .title h1 { background:url(images/expo_03.gif) no-repeat left center; padding-left:35px;font-size:14px; margin-left:5px;}
.box .title span { margin-right:8px;}
.box .con { background:#fff url(images/expo_04.gif) repeat-x left top; color:#54655d; padding:10px; text-align:center}
.box .con h2 { color:#ff6719; font-size:14px; font-weight:bold; margin-bottom:12px; text-align:center}
.box .con ul { margin-top:25px; height:26px; background:url(images/expo_25.gif) repeat-x; text-align:left; margin-bottom:15px; padding-left:15px;}
.box .con ul li { background:#00a650;  width:74px; height:26px; line-height:26px; text-align:center; color:white; float:left; margin-left:3px; cursor:pointer}
.box .con ul li.selected { background:url(images/expo_24.gif); color:#3a925f}


.event { width:245px; margin:0 auto; text-align:left}
.event img { border:1px solid #c2dec8; padding:4px; margin:0 auto; margin-bottom:15px;}
.event h1 { background:url(images/expo_06.gif) no-repeat; width:190px; height:43px; margin-bottom:10px; color:#ff7d00; font-size:12px; line-height:18px; padding-left:55px;}
.event p {  padding-left:10px; padding-right:10px; background:url(images/expo_07.gif); margin-bottom:25px;}

.pro  {  text-align:left; background:url(images/expo_47.gif) no-repeat bottom center; height:450px;  }
.pro p { padding-left:10px; padding-right:10px; background:url(images/expo_07.gif); text-indent:25px; margin-bottom:10px; }
.pro img {  margin:0 auto;margin-bottom:20px;}
.pro p span { color:#f00; font-weight:bold; font-size:14px;}


.map{}
.map_pop { text-align:left}
.map_pic { width:115px;}
.map_pic img { width:104px; height:95px; border:1px solid #d8d8d8}
.map_info { line-height:22px;}
.map_info h1 { font-size:14px;}
.map_info img { margin-top:8px;}
.map_info input { width:65px; height:21px; text-align:center; color:white; border:none; background:url(images/expo_20.gif); font-size:12px; line-height:21px}
.map_pop table.line { border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9; margin-top:8px;}
.map_pop table.line tr td {border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; padding-left:4px; padding-right:4px;}

.list { height:338px; overflow-y:scroll}
.list table {text-align:left;color:#999; } 
.list p.mark { background:url(images/expo_13.gif) no-repeat; color:white; text-align:center; width:28px; height:22px; font-weight:bold; font-size:14px;}

.rule p{ background:url(images/expo_14.gif) no-repeat left 10px; padding-left:10px; text-align:left}

.ticket table{ border-top:1px solid #cbe9c3;border-right:1px solid #cbe9c3;}
.ticket table tr td {border-left:1px solid #cbe9c3;border-bottom:1px solid #cbe9c3; padding:8px;}
.ticket table tr td p { background:url(images/expo_21.gif) no-repeat left 8px; padding-left:12px;} 
.ticket table tr.ht { background:#e0f7d7; }
.ticket table tr.ht td { padding:5px;}

.news_box { margin-bottom:10px;}
.summary { width:240px;}
.summary p{ background:url(images/expo_21.gif) no-repeat left 8px; padding-left:12px; text-align:left; margin-left:15px; font-family:"宋体"}
.summary img { border:1px solid #e4e4e4; display:inline; margin-left:10px; margin-top:15px;}

.flash { width:230px}
.news { width:330px; text-align:left}
.news .tab { text-align:center; margin-left:10px;}
.news .tab p { background:url(images/expo_21.gif) no-repeat left center; padding-left:12px; text-align:left;font-family:"宋体"; }
.news .tab p span { color:#ff6719; margin-right:5px;}

.part { border:1px solid #c0e4b6; background:white; float:left; text-align:left; padding-bottom:8px;}
.part h3 { background:#e0f7d7; color:#2fa201; font-size:14px; height:28px; border-bottom:1px solid #c0e4b6; line-height:28px; text-align:center; margin-bottom:10px;}
.part img { margin:0 auto;}
.part p { margin-left:8px; padding-right:8px;}

.info{ margin-bottom:10px; }

.inn {height:330px;}
.info_l { float:left; width:275px;text-align:left; margin-left:25px; display:inline;}
.info_r { float:right; width:485px;text-align:left; margin-right:25px; display:inline; }
.info_r img { margin-bottom:15px;}
.info_r p { text-indent:25px;}

.hotel { border:1px solid #c0e4b6; padding:15px; margin:0 auto}
.room_pic {margin:10px auto; margin-bottom:0}
.hotel span { margin-right:15px; background:url(images/expo_31.gif) no-repeat left center; padding-left:10px;}

.trafic { text-align:left; height:330px;}
.trafic_l { float:left; width:392px;margin-left:25px; display:inline;}
.trafic_r { float:right; width:408px;margin-right:25px; display:inline;}
.trafic_l img { margin-bottom:15px;}
.trafic_l p { text-indent:25px;}

.tt { text-indent:25px;height:330px;}
.tt_l { float:left; width:360px; text-align:left;margin-left:25px; display:inline;}
.tt_r { float:right;width:440px; text-align:left;margin-right:25px; display:inline; }
.tt_r img { margin-bottom:15px;}

.footer { background:#bce2b1; color:#303432; height:30px;}

a.link_179884 { color:#179884; text-decoration:underline}
a.link_179884:hover { color:#179884; text-decoration:none}

a.link_ff6719 { color:#ff6719; text-decoration:underline}
a.link_ff6719:hover { color:#ff6719; text-decoration:none}

a.link_00a652 { color:#00a652; text-decoration:underline}
a.link_00a652:hover { color:#00a652; text-decoration:none}

a.link_54655d{ color:#54655d; text-decoration:none}
a.link_54655d:hover{ color:#54655d; text-decoration:underline}


.dash_dadada { border-bottom:1px dashed #dadada; height:1px; overflow:hidden; margin-top:12px; margin-bottom:12px;}


.pop {  margin:0 auto}
.pop img { border:1px solid #e9e9e9; padding:3px;}
.pop p { color:#54655d; text-indent:25px; margin-top:15px}
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}



/*expo_active*/
.expo_active { background:url(images/expo_41.gif); width:861px; height:503px; margin: 0 auto; position:relative}
.active_info { margin-left:225px; padding-top:155px; width:555px; text-align:left; color:#54655d; }
.active_info h1 { font-size:12px;}
.active_info p { background:url(images/expo_14.gif) no-repeat left center ; padding-left:12px; margin-left:15px;}
.active_info p span { color:#e02e10}
.active_btn { position:absolute; top:290px; left:44px;}


/*active list*/
.list_box { background:#f0f9ed; border:1px solid #bce2b1; margin:20px; margin-top:10px; padding:15px; color:#54655b; margin-bottom:15px;}
.list_box img.p_pic { padding:3px; background:white; border:1px solid #c4c4c4}