body {
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
	text-align:center; 
	background-image:url(mainbg.gif)	
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, 
fieldset,input,textarea,p,blockquote,th,td { 
margin:0; 
padding:0; 
}

@font-face {
    font-family: 'arialbd-webfont';
    src: url('font/aarialbd-webfont.eot');
    src: url('font/arialbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/arialbd-webfont.woff2') format('woff2'),
         url('font/arialbd-webfont.woff') format('woff'),
         url('font/miso-webfont-webfont.ttf') format('truetype'),
         url('font/arialbd-webfont.svg#misoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.form_search {
	font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
	font-size: 14px; line-height:160%;
	color: #666;
	text-decoration: none;
	background-image: url(images/main_08.gif); 
	height: 28px;
	width: 197px;
	margin: 0px;
	padding: 0px;
	border-top-style:  none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.topicon {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #aaabab;
	text-decoration: none;
	line-height: 150%; 
	text-align:left; 	
}
a.topicon:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #aaabab;
	text-decoration: underline;
	line-height: 150%;
	text-align:left;
}
.topicon2 {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #aaabab;
	text-decoration: none;
	line-height: 120%; 
	text-align:left;
}
a.topicon2:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #aaabab;
	text-decoration: underline;
	line-height: 120%;
	text-align:left;
}
.topdh {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 180%;
	color: #ffffff;
	text-decoration: none;
	text-align:left;
}
a.topdh:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 180%;
	color: #f2f2f2;
	text-decoration: underline;
	text-align:left;
}
.zw {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 180%;
	color: #595757;
	text-decoration: none;
}
a.zw:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 180%;
	color: #333333;
	text-decoration: underline;
}
.zw02 {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #595757;
	text-decoration: none;
}
a.zw02:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	text-decoration: underline;
}
.zw03 {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #3f3f3f;
	text-decoration: none;
}
a.zw03:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #ae0b1e;
	text-decoration: underline;
}
.zw04 {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #ffffff;
	text-decoration: none; background-color:#ae0b1e; padding:2px 8px 2px 8px;
}
a.zw04:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #ffffff;
	text-decoration: underline;
}
.zw05 {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 220%;
	color: #595757;
	text-decoration: none; text-align:left;
}
a.zw05:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 220%;
	color: #333333;
	text-decoration: underline;
}
.zw06 {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 220%;
	color: ##242424;
	text-decoration: none; text-align:center;
}
.leftbanner {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	line-height: 130%;
	color: #8c8c8c;
	text-decoration: none;
}
a.leftbanner:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	line-height: 130%;
	color: #ffffff;
	text-decoration: underline;
}
.leftbanner02 {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 180%;
	color: #8c8c8c;
	text-decoration: none;
}
a.leftbanner02:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 180%;
	color: #ffffff;
	text-decoration: underline;
}
.left_red {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #ff0000;
	text-decoration: none;
}
a.left_red:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #ff0000;
	text-decoration: underline;
}
.left_gray {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #666666;
	text-decoration: none;
}
a.left_gray:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #333333;
	text-decoration: underline;
}
.left_black {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #333333;
	text-decoration: none;
}
a.left_black:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #333333;
	text-decoration: underline;
}
.title0 {
	font-family: arialbd-webfont, Arial;
	font-size: 50px;
	line-height: 100%;
	color: #898989; font-weight:bold;
	text-decoration: none;
}
.title {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 180%;
	color: #767676;
	text-decoration: none;
}
a.title:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 180%;
	color: #494949;
	text-decoration: underline;
}
.title2 {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 170%;
	color: #898989;
	text-decoration: none;
}
a.title2:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 170%;
	color: #494949;
	text-decoration: underline;
}
.bottom {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #C9CACA;
	text-decoration: none;
}
a.bottom:hover {
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 180%;
	color: #f2f2f2;
	text-decoration: underline;
}
#leftnav {
 width:310px; 
margin:auto;
 background-color:#eeedee;
 border-right:none;
}
#leftnav li {
 display: inline;
 list-style-type: none;
}
#leftnav li a:link,#leftnav li a:visited {
 float:left;
 text-decoration: none;
 color:#8c8c8c;
 background:#eeedee;
  width:310px; height:65px; text-align:center; padding-top:10px;
}
#leftnav li a:hover {
 color:#fff;
 background:#ae0d20;
}
#leftnav li a#current {
 color:#fff;
 background:#f60;
}

.case_study P A {
	TEXT-ALIGN: left; padding-left:46px; LINE-HEIGHT: 36px; MARGIN: 2px 1px; WIDTH: 180px; DISPLAY: inline; FONT-FAMILY: "microsoft yahei"; BACKGROUND: url(tm_bg_index_right.gif) no-repeat left top; FLOAT: left; HEIGHT: 36px; COLOR: #666; font-size:14px; text-decoration: none;
}
.case_study H3 {
	LINE-HEIGHT: 36px; HEIGHT: 42px
}
.case_study P A:hover {
	BACKGROUND-POSITION: left -36px; COLOR: #fff
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.grid {
		margin: 0 auto;
	list-style: none;
	text-align: left;
}

.grid li {
	display: inline-block;
	
	margin: 0;
	padding: 0px;
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	width: 235px;
	position: absolute;
	top: 0;
	left: 0;
	padding:0px;
	background: #9a1a1e;
	color: #ed4e6e;
}

.grid figcaption h3 {
	margin: 0px;
	padding: 0;
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #ffffff;
	text-decoration: none; 
}

.grid figcaption span:before {
	content: 'by ';
}

.grid figcaption a {
	text-align: center;
	
	border-radius: 2px;
	display: inline-block;
	background: #ed4e6e;
	color: #fff;
}

/* Individual Caption Styles */



/* Caption Style 3 */
.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-25px);
	-moz-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
}

.cs-style-3 figcaption {
	height: 100px;
	width: 235;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
a,img{border:0;}