@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}
small, sub, sup {
	font: .8em/1.2em "Tw Cen MT";
}

hr {
	clear: both;
	margin: 15px !important; padding: 0;
	width: 92%;
	height: 1px;
	float: left;
	border: 0;
	border-bottom: #CCC dashed 1px;
}
/*_______________________________ Basic _______________________________*/
body table.topBG #wrapper { 
	width: 1258px;
	margin: 0 auto;
	text-align: left;
}
body table.topBG #wrapper .header{ 
	width: 890px;
	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;
}
.ccc{
	font: normal 1em/1.2em "Tw Cen MT";
	text-align: left;
	word-spacing: 1px;
	color: #FFF;
	padding: 0px;
	margin: 0px 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;
	position: relative;
	}
.nav .btns li a {
	display: block;
	float: left;
	height: 84px;
	text-indent:-1000em;
	}
.nav .btns li a.home { width: 80px; background: url(../images/nav.png) 0 0 no-repeat;}
.nav .btns li a.about { width: 149px; background: url(../images/nav.png) -80px 0 no-repeat;}
.nav .btns li a.exhibitor { width: 139px; background: url(../images/nav.png) -229px 0 no-repeat;}
.nav .btns li a.event { width: 111px; background: url(../images/nav.png) -368px 0 no-repeat;}
.nav .btns li a.gallery { width: 101px; background: url(../images/nav.png) -479px 0 no-repeat;}
.nav .btns li a.press { width: 146px; background: url(../images/nav.png) -580px 0 no-repeat;}
.nav .btns li a.contact { width: 123px; background: url(../images/nav.png) -726px 0 no-repeat;}
	/*_________ Hover / Present _________*/
	.nav .btns li a.home:hover,
	.nav .btns li.present a.home { background-position: 0 -84px;}
	.nav .btns li a.about:hover,
	.nav .btns li.present a.about { background-position: -80px -84px;}
	.nav .btns li a.exhibitor:hover,
	.nav .btns li.present a.exhibitor { background-position: -229px -84px;}
	.nav .btns li a.event:hover,
	.nav .btns li.present a.event { background-position: -368px -84px;}
	.nav .btns li a.gallery:hover,
	.nav .btns li.present a.gallery { background-position: -479px -84px;}
	.nav .btns li a.press:hover,
	.nav .btns li.present a.press { background-position: -580px -84px;}
	.nav .btns li a.contact:hover,
	.nav .btns li.present a.contact { background-position: -726px -84px;}
	/*_________ Present _________*/
	.nav .btns li.present a.home, .nav .btns li.present a.about, .nav .btns li.present a.exhibitor, .nav .btns li.present a.event, 
	.nav .btns li.present a.gallery, .nav .btns li.present a.press, .nav .btns li.present a.contact { cursor: default;}

		.nav ul.btns ul {
			padding: 0;
			display: none;
			position: absolute;
			left: 0;
			top: 75px;
			float: left;
			width: 240px;
			box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
			-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
			-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
			z-index: 99999;
		}
		.nav ul.btns ul li {
			min-width: 220px;
			height: inherit;
			font-size: 1em !important;
		}
		.nav ul.btns ul ul {
			left: 100%;
			top: 0;
		}
		.nav ul.btns ul a {
			width: 220px;
			height: auto;
			padding: 10px;
			text-indent: 0;
			font: normal 1.1em/1.5em "Tw Cen MT";
			color: #FFF;
			text-align: left;
			text-shadow: 1px 1px 3px #000;
			text-transform: uppercase;
			letter-spacing: 1px;
			border-top: 1px solid #363;
			border-left: 1px solid #363;
			border-right: 1px solid #030;
			border-bottom: 1px solid #030;
			background: url(../images/navBgChild.png);
		}
		.nav ul.btns ul a:hover,
		.nav ul.btns ul li.current a {
			text-shadow: 0 0 2px #FFF;
			background: #000;
		}
		.nav ul.btns li:hover > ul {
			display: block;
		}
		img.floatLeft { 
			float: left; 
			margin: 4px; 
			align: bottom;
			border-color:#FFF;
			border-width:thin;
		
			
		}
	/*_____________________________ 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, .content .box table tr td, .content .box table tr td img, {
		margin: 0;
		padding: 0;
		border-spacing: 0;
	}
	.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 .box ul, .content .box ol {
		padding: 0 0 0 54px;
		margin: 8px 0px;
		width: 696px;
		clear: both;
	}
	.content .box ol ul {
		padding: 0 0 0 20px;
		margin: 8px 0px;
		width: 642px;
	}
	.content .box ul li, .content .box ol li {
		font: normal 1em/1.2em "Tw Cen MT";
		color: #fff;
		word-spacing: 1px;
		text-align: justify;
	}
	.content .box ol li {
		list-style: decimal;
	}
	.content .box ul li {
		list-style: disc;
	}
	.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 th {
		font: bold 1em/1.2em "Tw Cen MT";
		color: #060;
		text-align: center;
		border: #FFF 1px solid;
		padding: 8px;
		background-color: #CCC;
	}
	.content .box table.innerTable tr td { 
		margin: 0;
		padding: 5px;
		font: normal 1em/1.2em "Tw Cen MT";
		border: #FFF 1px solid;
		vertical-align: top;
		color: #FFF;
	}
	.content .box table.innerTable tr td p {
		padding: 0;
		margin: 0;
		width: auto;
		text-align: left;
	}
	.content .box table.innerTable tr.yel th{
		background-color: #FF0;
		border: #FFF 1px solid;
	}
	.content .box table.innerTable tr.dkgry th{
		background-color: #333;
		border: #FFF 1px solid;
		color: #FFF;
	}
	
.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;
}
.wordw {
	font: normal 16px "Tw Cen MT";
	color: #fff;
	word-spacing: 1px;
	text-align: center;
}
.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_btn01{
	position: absolute;
	top: 3px;
	right: 235px;
	}
	.wrap-in .content .gallery_btn02{ 
		position: absolute;
		top: 4px;
		right: 415px;
	}
	.wrap-in .content .gallery_btn03{ 
		position: absolute;
		top: 4px;
		right: 595px;
	}

/*_______________________________ Footer _______________________________*/
body table.topBG #wrapper .footer{ 
	width: 1258px;
	height: 100px;
	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;
	}

/*_______________________________  ~~ Images ~~  _______________________________*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin: 4px 24px 0 0 !important;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
	border: 3px solid #73c212;
	border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em;
	padding: 0 !important;
}
	img.aligncenter { 
		margin: 0 18%;
	}