@charset "utf-8";
/* LiuTai Web Css*/

html, body, div, span, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit inherit 100% inherit;
	vertical-align: baseline;
}

body{
	background: url(../images/bg.jpg);
	margin: 0px;
	padding: 0px;
	font: 100.01% Arial, Helvetica, sans-serif; 
	text-align: center;
}
body table.topBG { 
	background: url(../images/top_bg.jpg) center top repeat-x;
	width: 100%;
	height: 63px;
}
ol, ul {
	list-style: none;
}
a{	cursor: pointer;
	color: #FC0;
	text-decoration: none;
}
a:link, a:visited,a:active{
	color: #FC0;
	text-decoration:none;
}
a:hover{
	color: #FF0;
	text-decoration: none;
}
.clear {clear:both}

/*_______________________________ Basic _______________________________*/
body table.topBG #wrapper { 
	width: 1258px;
	margin: 0 auto;
	text-align: left;
}
body table.topBG #wrapper .header{ 
	width: 1258px;
	height: 260px;
	float: left;
	background: url(../images/banner_bg.jpg) no-repeat;
	margin-top: 63px;
	padding: 77px 184px 0 184px;
}
body table.topBG #wrapper .wrap-in{ 
	width: 1258px;
	float: left;
	margin: 0 auto;
	background: url(../images/contentBG.jpg) repeat-y;
	position: relative;
}
p {
	font: normal 1em/1.2em "Tw Cen MT";
	text-align: justify;
	word-spacing: 1px;
	color: #FFF;
	padding: 0px;
	margin: 8px 0px;
}


/*_______________________________ Navigation _______________________________*/
body #wrapper .nav{ 
	width: 1258px;
	height: 84px;
	float: left;
	background: url(../images/av_bg.jpg) repeat-x;
	z-index: 100;
}
.nav .btns{
	width: 849px;
	height: 84px;
	margin: 0 auto;
	position: relative;
	}
.nav .btns li{
	float: left;
	height: 84px;
	}
.nav .btns li a{
	display: block;
	float: left;
	height: 84px;
	text-align: center;
	}
.nav .btns li a.home{ width: 91px; background: url(../images/nav_home.jpg) top no-repeat;text-indent:-1000em;}
.nav .btns li a.about{ width: 152px; background: url(../images/nav_about.jpg) top no-repeat;text-indent:-1000em;}
.nav .btns li a.exhibitor{ width: 108px; background: url(../images/nav_exhibitor.jpg) top no-repeat;text-indent:-1000em;}
.nav .btns li a.event{ width: 130px; background: url(../images/nav_event.jpg) top no-repeat;text-indent:-1000em;}
.nav .btns li a.gallery{ width: 110px; background: url(../images/nav_gallery.jpg) top no-repeat;text-indent:-1000em;}
.nav .btns li a.press{ width: 125px; background: url(../images/nav_press.jpg) top no-repeat;text-indent:-1000em;}
.nav .btns li a.contact{ width: 133px; background: url(../images/nav_contact.jpg) top no-repeat;text-indent:-1000em;}
	/*_________ Hover _________*/
	.nav .btns li a.home:hover {background: url(../images/nav_home.jpg) bottom;}
	.nav .btns li a.about:hover {background: url(../images/nav_about.jpg) bottom;}
	.nav .btns li a.exhibitor:hover {background: url(../images/nav_exhibitor.jpg) bottom;}
	.nav .btns li a.event:hover {background: url(../images/nav_event.jpg) bottom;}
	.nav .btns li a.gallery:hover {background: url(../images/nav_gallery.jpg) bottom;}
	.nav .btns li a.press:hover {background: url(../images/nav_press.jpg) bottom;}
	.nav .btns li a.contact:hover {background: url(../images/nav_contact.jpg) bottom;}
	/*_________ Present _________*/
	.nav .btns li.present a.home {background: url(../images/nav_home.jpg) bottom; cursor: default;}
	.nav .btns li.present a.about {background: url(../images/nav_about.jpg) bottom; cursor: default;}
	.nav .btns li.present a.exhibitor {background: url(../images/nav_exhibitor.jpg) bottom; cursor: default;}
	.nav .btns li.present a.event {background: url(../images/nav_event.jpg) bottom; cursor: default;}
	.nav .btns li.present a.gallery {background: url(../images/nav_gallery.jpg) bottom; cursor: default;}
	.nav .btns li.present a.press {background: url(../images/nav_press.jpg) bottom; cursor: default;}
	.nav .btns li.present a.contact {background: url(../images/nav_contact.jpg) bottom; cursor: default;}

	/*_____________________________ Content _____________________________*/
	body table.topBG #wrapper .wrap-in .content{ 
		width: 849px;
		float: left;
		padding: 0 205px;
	}
	h1 {
		font: bold 2.3em "Tw Cen MT";
		color: #00adef;
		word-spacing: 1px;
		padding: 6px 6px 6px 30px;
		text-align: left;
		width: 749px;
		float: left;
	}
	h2 {
		background: url(../images/box.jpg) 0 0 no-repeat;
		font: bold small-caps 2em/1.3em "Times New Roman", Times, serif;
		color: #efc10b;
		text-shadow: 0px 0px 20px #000;
		padding-left: 76px;
		text-align: left;
		float: left;
		width: 696px;
	}
	h3 {
		font: bold 1.5em/2em "Tw Cen MT";
		text-transform: uppercase;
		color: #FFF;
		text-align: left;
		text-indent: 50px;
	}
	.content .box{ 
		width: 794px;
		float: left;
		padding-left: 23px;
		background: url(../images/box_bg.jpg) 23px 0 repeat-y #FFF;
	}
	.content .box table, .content .box table tr td img {
		margin: 0;
		padding: 0;
	}
	.content .box img{
		float: left;
		padding-left: 54px;
	}
	.content .box .boxTop{
		width: 794px;
		height: 24px;
		float: left;
		clear: both;
		background: url(../images/box_top.jpg) no-repeat;
	}
	.content .box .boxBtm{
		width: 794px;
		height: 24px;
		float: left;
		clear: both;
		background: url(../images/box_btm.jpg) no-repeat;
	}
	.content .box p{
		padding-left: 54px;
		width: 696px;
		float: left;
	}
	.content .box p em{
		font: italic .95em "Tw Cen MT";
		color: #fff;
		word-spacing: 1px;
	}
	.content .box p strong{
		font: bold 21px "Tw Cen MT";
		color: #fff;
		word-spacing: 1px;
		text-align: left;
	}
	.content .ibox{ 
		width: 794px;
		float: left;
		padding-left: 23px;
	}
	.content .ibox .iboxDiv{ 
		width: 397px;
		float: left;
	}
	.content .ibox .iboxDiv img{ 
		width: 397px;
		float: left;
	}
	.content .ibox .iboxDiv h1.small {
		font: bold 1.5em/1em "Tw Cen MT";
		width: 350px;
		float: left;
		padding: 0 0 10px 30px;
		text-align: justify;
	}
	.content .ibox .iboxDiv p{
		width: 350px;
		color: #666;
		padding-left: 30px;
		margin: 10px 0px;
	}
	.content .box p.algnRgt{
		text-align: right;
		padding: 10px 4px 9px 0;
	}
	
	.content .box p.word_caption {
		width: 735px;
		font: italic 1em "Tw Cen MT";
		color: #fff;
		word-spacing: 1px;
		text-align:center;
		padding: 0;
		margin: 4px 0px;
	}
	.content .box table.innerTable{ 
		border: #FFF 1px solid;
		width: 696px;
		float: left;
		margin: 0 0 0 54px;
		padding: 0;
		border-collapse: collapse;
		clear: both;
	}
	.content .box table.innerTable tr td{ 
		margin: 0;
		padding: 5px;
		border: #FFF 1px solid;
		vertical-align: top;
	}
	.content .box table.innerTable tr td p{
		padding: 0;
		margin: 0;
		width: auto;
		text-align: left;
	}
	
.caption {
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 6px;
	word-spacing: 1px;
}
.caption1 {
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #666;
	word-spacing: 1px;
}
.caption2 {
	width: 380px;
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #666;
	word-spacing: 1px;
	padding: 6px;
}
.contract {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #565656;
	word-spacing: 1px;
	padding: 6px;
}
.contract_end {
	font: normal 20px FZXingKai-S04S;
	color: #000;
	word-spacing: 1px;
	padding: 6px;
}
.wordN {
	font: normal 16px "Tw Cen MT";
	color: #fff;
	word-spacing: 1px;
	text-align: left;
}
.wordB {
	font: bold 21px "Tw Cen MT";
	color: #fff;
	word-spacing: 1px;
	text-align: left;
}
.word_press {
	width: 695px;
	font: normal 16px "Tw Cen MT";
	color: #fff;
	word-spacing: 1px;
	text-align: left;
}
.word_index {
	font: bold 20px "Tw Cen MT";
	color: #fff;
	word-spacing: 1px;
}
.word_act {
	width: 380px;
	font: normal 15px "Tw Cen MT";
	color: #fff;
	word-spacing: 1px;
	text-align:justify;
}

/*_______________________________ Download / Buttons _______________________________*/
	.content .box a.dlBtn img{
		width: 51px;
		height: 51px;
		background: url(../images/click.gif) no-repeat;
		box-shadow: 5px 5px 10px #000;
		float: none;
		padding: 0;
		position: absolute;
	}
	.wrap-in .content .gallery_pt3{ 
		position: absolute;
		top: 4px;
		right: 235px;
	}

/*_______________________________ Footer _______________________________*/
body table.topBG #wrapper .footer{ 
	width: 1258px;
	height: 96px;
	float: left;
	background: url(../images/partner.jpg) 205px 0 no-repeat;
}

/*_______________________________ Gallery _______________________________*/
.content .box #gallery{ 
	width: 737px;
	float: left;
	padding-left: 33px;
}
  #gallery .twoCols{ 
	  width: 737px;
	  height: 210px;
	  float: left;
	  clear: both;
	  background: url(../images/bg_2photos.png) center no-repeat;
  }
	#gallery .twoCols img.algnLft{ 
		width: 352px;
		height: 191px;
		float: left;
		padding: 10px 25px 9px 4px;
	}
	#gallery .twoCols img.algnRgt{ 
		width: 352px;
		height: 191px;
		float: left;
		padding: 10px 4px 9px 0;
	}
  #gallery .oneCol{ 
	  width: 737px;
	  height: 391px;
	  float: left;
	  clear: both;
	  background: url(../images/bg_1photo.png) center no-repeat;
  }
	#gallery .oneCol img.algnCtr{ 
		width: 728px;
		height: 372px;
		float: left;
		padding: 10px 4px 9px 5px;
	}
	
/*_______________________________ Event _______________________________*/
.content .box #event{ 
	width: 707px;
	float: left;
	padding-left: 48px;
}
  #event .twoCols{ 
	  width: 707px;
	  float: left;
	  clear: both;
  }
	#event .twoCols img.algnLft{ 
		width: 344px;
		height: 229px;
		float: left;
		padding: 5px 19px 5px 0;
	}
	#event .twoCols img.algnRgt{ 
		width: 344px;
		height: 229px;
		float: left;
		padding: 5px 0 5px 0;
	}

/*_______________________________ Address _______________________________*/
.content .box #add{ 
	width: 737px;
	float: left;
	padding-left: 34px;
}
  #add .twoCols{ 
	  width: 736px;
	  float: left;
	  clear: both;
  }
	#add .twoCols .algnLft{ 
		width: 368px;
		float: left;
	}
	#add .twoCols .algnRgt{ 
		width: 368px;
		float: left;
	}
	.content .box p.add span{
		width: 120px;
		float: left;
	}

.content .box #add2{ 
	width: 737px;
	float: left;
	padding-left: 20px;
}
  #add2 .threeCols{ 
	  width: 736px;
	  float: left;
	  clear: both;
  }
  #add2 .threeCols p{ 
	  width: 184px;
	  text-align: left;
  }
	#add2 .threeCols .algnLft{ 
		width: 245px;
		float: left;
	}
	#add2 .threeCols .algnCtr{ 
		width: 245px;
		float: left;
	}
	#add2 .threeCols .algnRgt{ 
		width: 245px;
		float: left;
	}