/* Credit: http://www.cssmoban.com */

body {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4em; 
	background-color: #fff; 
	background-position: top;
	background-repeat: repeat-x;
}

#home { background-image: url(../images/templatemo_body_home.jpg) }
#subpage { background-image: url(../images/templatemo_body_subpage.jpg) }

h1, h2, h3, h4, h5, h6 {
	color:#333;
	font-weight:400;
	padding: 0;
	margin: 0 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif
}

h1 { font-size:32px }
h2 { font-size:26px; margin-bottom: 30px; line-height: 20px;font-weight: bold;}
h3 { font-size:20px }
h4 { font-size:18px }
h5 { font-size:16px }
h6 { font-size:12px }
p{margin: 26px 0; font-size: 14px; text-indent: 2em; }

.clr, .clear { clear:both; height:0; overflow:hidden; }
.cf { *zoom:1; }
.cf:after { clear:both; display:block; height:0; visibility:hidden; content:"\20"; }
.clrfix, .clr_after { zoom:1; }
.clrfix:after, .clr_after:after { clear:both; display:block; height:0; visibility:hidden; content:"."; }

.left { float:left }
.right { float:right }
.clear { clear: both }
.h30 { height: 30px }
.h60 { height: 60px }

img { margin: 0; padding: 0; border: 0 }
.img_border { border: 1px solid #999; background: #fff; padding: 3px; }
.img_border_b { border: 1px solid #999; background: #fff; padding: 6px }
.img_nom { display: block; margin-bottom: 15px }
.img_fl { float: left; display: block; margin: 1px 20px 8px 0 }
.img_fr { float: right; margin: 1px 0 8px 20px }

p { margin: 0 0 10px 0; padding: 0 }
em { color: #333 }
hr { margin-bottom: 40px; padding-top: 20px; border: none; border-bottom: 1px solid #ccc }
black{display: block}
a:link, a:visited { color:#76a33b; text-decoration: none}
a:hover { text-decoration:underline }
a:hover,a:active { outline:none }

a.more { display: block; margin-top: 15px; color: #fff; width: 80px; height: 24px; line-height: 24px; text-align: center; background: url(../images/templatemo_more.png) }

ul.nobullet { margin: 0; padding: 0; list-style: none }
ul.nobullet li { margin: 0; padding: 0 }

ul.list_bullet { margin: 10px 0 10px 15px; padding: 0; list-style: none }
ul.list_bullet li { color:#555; margin: 0 0 7px 0; padding: 0 0 0 20px; background: url(../images/templatemo_bullet.png) no-repeat scroll 0 5px  }
ul.list_bullet li a { color: #555; font-weight: normal; text-decoration: none }
ul.list_bullet li a:hover { color: #555 }

#templatemo_wrapper {
	padding: 0 10px;
	margin: 0 auto;
}
#templatemo_header {
	height: 100px;
	padding: 10px 70px 40px;
	width: 960px;
	margin: 0 auto;
}
#templatemo_slider {
	clear: both;
	position: relative;
	margin-bottom: 50px;
	margin: 0 auto 20px;
}
#templatemo_slider span.sliderframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 320px;
	z-index: 50;
}
#templatemo_twitter {
	clear: both;
	width: 650px;
	height: 50px;
	padding: 25px 25px 25px 145px;
	margin: 0 auto;
	margin-bottom: 50px;	
	font-size: 18px;
	line-height: 24px;
	color: #333;
	background: url(../images/twitter.png) no-repeat
}
#templatemo_main {
	clear: both;
	width: 960px;
	margin: 0 auto 20px;
}
#templatemo_bottom_wrapper {
	width: 100%;
	background: #646464 url(../images/templatemo_bottom.png) top repeat-x
}
#templatemo_bottom {
	width: 850px;
	margin: 0 auto;
	padding: 20px 10px;
	color: #ccc
}
#templatemo_bottom h4 { color: #fff; margin-bottom: 30px }
#templatemo_bottom a { color: #fff }

#templatemo_footer_wrapper {
	width: 100%;
	background: url(../images/templatemo_footer.png) top repeat-x
}
#templatemo_footer {
	width: 960px;
	margin: 0 auto;
	padding: 20px 10px 10px;
	text-align: center
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
ul.footer_gallery li { display: block; float: left; margin: 0 10px 10px 0 }
ul.footer_gallery li img { border: 1px solid #777; padding: 4px; background: #333 }

#site_title { float: left; }
#site_title a { display: block; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; width: 240px; height: 109px; color: #acacac; text-indent: -10000px; background:  url(../images/logo.png) no-repeat top left }

#templatemo_menu { float: right; margin-top: 50px }

#templatemo_page_intro {
	clear: both;
	height: 96px;
	padding: 40px 0;
	margin-bottom: 50px;
}

#templatemo_page_intro h1 {
	color: #fff;
	margin-bottom: 30px;
}
#templatemo_page_intro p {
	color: #eee;
	font-size: 18px;
	line-height: 22px;
}

.col { margin: 10px 30px 10px 10px; float: left }
.col_2 { width: 420px }
.col_3 { width: 300px }
.col_32 { width: 630px }
.col_4 { width: 217.5px }
.col_43 { width: 712.5px }
.col_w216 { width: 216px }

#templatemo_content {
	width: 960px;
}

#templatemo_sidebar {
	width: 300px;
}

#templatemo_content h2{border-bottom: 2px solid #005790; padding-bottom: 10px; margin-bottom: 0px;}
#templatemo_content em{font-size: 15px;}
#templatemo_content .col_2 { width:420px }
#templatemo_content .col_3 { width: 190px }
#templatemo_content .col_32 { width: 410px }
ul,li{list-style: none outside none;margin:0;padding:0;}
#templatemo_content .col_2 li a{color:#34495e; font:16px/36px microsoft yahei;height: 46px;}
#templatemo_content .col_2 li a:hover{color:#f60;}
#templatemo_content .news{height: 280px; overflow: hidden;position: relative;}
#templatemo_content .news .getmore{background:url(../images/index/more1.jpg) no-repeat; height: 55px; width: 158px;position: absolute; right:12px; top:230px; text-indent: -999em;z-index: 4}
#templatemo_content .news .getmore:hover,#templatemo_content .news .getmore:visited{
	background:url(../images/index/more2.jpg) no-repeat;
}

.bottombanner{ background: url(../images/btbnr.jpg) no-repeat top center; height: 402px; position: relative;}

.bottombanner .click1{width: 375px;height: 171px;position: absolute; top: 91px;left: 100px; text-indent: -999em}
.bottombanner .click2{width: 375px;height: 171px; position:absolute;top:91px;right: 100px; text-indent:-999em;}

#templatemo_sidebar h3 { margin-bottom: 15px }

.sidebar_section {
	margin-bottom: 40px;
}

.sidebar_section_bg {
	padding: 20px;
	background: #f3f3f3
}

.testimonial {
	margin-bottom: 40px;
	background: url(../images/templatemo_testimonial.png) no-repeat top left
}

.testimonial p.testimonial_text {
	display: block;
	width: 260px;
	height: 157px;
	padding: 20px;
	margin: 0;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif
}
.testimonial p { color: #333; padding: 0 20px }

p.image_caption { padding: 20px; background: #f2f2f2 }

.sidebar_link_list {
	margin: 0;
	padding: 0;
	list-style: none
}
.sidebar_link_list li {
	margin: 0;
	padding: 10px;
	border-bottom: 1px dashed #fff
}

.sidebar_link_list li a {
	color: #666
}

.comment li { color: #999 }
.comment li a { color: #df8601 }
.comment li span { display: block; }
.comment_meta { display: block; padding: 10px 0px; font-size: 10px; }


.post-item { clear: both; margin: 0 0 40px 0; padding: 0 0 40px 0; border-bottom: 1px solid #ccc }
.post-item h2 { padding: 0; margin-bottom: 10px }
.post-meta { margin-bottom: 20px; position: relative; }

.post-meta span.post_comment { position: absolute; font-size: 20px; line-height: 40px; text-align: center; right: 0; top: 0; width: 80px; height: 54px; background: url(../images/comment.png) }

.post-meta img { float: left; margin-right: 20px }

.last_post { border-bottom: none; padding: 0; }

.comment_list { margin: 0; padding: 0; list-style: none }
.comment_list .comment_box { padding: 20px; border-bottom: 1px solid #efefef }
.comment_list li { margin-bottom: 20px }
.comment_list li ul { list-style: none; background: none }
.comment_list li ul li { }
.comment_list li ul li .comment_box { background: #eee }
.comment_content { float: right; width: 460px }
.comment_list li ul li.depth_2 .comment_content  { width: 420px }
.comment_list li ul li.depth_3 .comment_box { background: #ddd }
.comment_list li ul li.depth_3 .comment_content  { width: 380px }


#comment_form { margin-top: 40px }

#comment_form textarea {
	color: #666;
	background:#fff none repeat fixed 0 0;
	border: 1px solid #ccc;
	display:block;
	font-size:1.1em;
	height:150px;
	margin-top:5px;
	padding:5px;
	width: 360px;
}

#comment_form .form_row {
	width: 100%;
	margin-bottom: 15px;
}

#comment_form form input {
	color: #666;
	margin-top: 5px;
	padding: 3px 0;
	width: 200px;
	background:#fff none repeat fixed 0 0;
	border: 1px solid #ccc;
}

#contact_form { padding: 0; margin-bottom: 40px; width: 630px; }
#contact_form form { margin: 0px; padding: 0px; }

#contact_form form .input_field { 
	width: 290px; 
	padding: 5px; 
	margin-bottom: 20px; 
	color: #808b98;  
	background: #fff; 
	border: 1px solid #dedede;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contact_form form label { 
	display: block; 
	width: 300px; 
	margin-bottom: 10px; 
	font-size: 11px 
}

#contact_form form textarea { 
	width: 290px; 
	height: 170px; 
	padding: 5px; 
	margin-bottom: 10px; 
	color: #808b98; 
	background: #fff; 
	border: 1px solid #dedede;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contact_form .submit_btn, #comment_form .submit_btn {
	display: block; 
	width: 70px; 
	height: 30px; 
	line-height: 30px; 
	padding: 0 8px; 
	text-align: center; 
	text-decoration: none; 
	font-weight: bold;  
	background-color: #91c63e; 
	border: 1px solid #5f8c19; 
	color: #fff; 
	font-size: 11px; 
	cursor: pointer;
}

#templatemo_footer .col_3 {
	width: 300px;	
}

#templatemo_footer h4 { margin-bottom: 15px }
#templatemo_footer a { color: #000 }

ul.social li { margin: 0; padding: 5px 0; display: block; width: 150px; float: left; }
ul.social li a {
	display: block;
	padding: 5px 0 5px 40px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	background-position: left center;
	background-repeat: no-repeat
}

#templatemo_bottom li a.rower {text-decoration:none; color:#ccc; cursor:text;}

ul.social li a.facebook { background-image: url(../images/facebook.png) }
ul.social li a.twitter { background-image: url(../images/twitter2.png) }
ul.social li a.youtube { background-image: url(../images/youtube.png) }
ul.social li a.vimeo { background-image: url(../images/vimeo.png) }
ul.social li a.google { background-image: url(../images/google.png) }
ul.social li a.skype { background-image: url(../images/skype.png) }

ul.twitter li {  margin: 0 0 20px 0; padding: 0 }
#templatemo_bottom ul {width: 850px; margin:0 auto; height: 35px; padding-top: 10px;}
#templatemo_bottom li{float: left;width: 120px;  font-size: 16px; font-weight: bold;}
#templatemo_bottom p{ text-align: center; font-size: 14px; font-family: microsoft yahei;}
.templatemo_paging { margin: 0 0 20px; padding: 0 }
.templatemo_paging ul { margin: 0; padding: 0; list-style: none }
.templatemo_paging ul li { margin: 0; padding: 0; display: inline }

.templatemo_paging ul li a { float: left; 
	display: block; 
	color: #666; 
	text-decoration: none; 
	margin-right: 5px; 
	padding: 5px 10px; 
	background: #ebe7e4; 
	border: 1px solid #d6d0cc;
}

.templatemo_paging ul li a:hover { color: #fff; background: #91c63e; border: 1px solid #5f8c19 }

.no_mr { margin-right: 0 }

.ppt_control {top:230px;left: 0;position: relative;z-index: 6;text-align: center; margin:0 auto;}
.prev,.next{ width:40px; height:40px; display:block; background: url(/images/png24.png) 0 0; position:absolute; top:0; outline:none;}
.prev{ left:6px;}
.prev:hover{ background-position:-100px 0;}
.next{ right:6px; background-position:-50px 0;}
.next:hover{ background-position:-150px 0;}
.b_banner{ width:100%; height:360px; margin:0 0 30px; position:relative; overflow:hidden;}
.e_banner_pic{ text-align:center; position: relative;zoom:1;}
.e_banner_pic li{ position: absolute; width: 1600px; left: 50%; margin-left: -800px; overflow: hidden; cursor: pointer;}
.e_banner_pic li .t{width:310px; padding:0 0 16px; text-align:center; font:24px/1.3 microsoft yahei; position:absolute; right:1600px; top:46px;color:#fff; font-weight: bold;}
.e_banner_pic li .t em{ font-size: 36px; padding: 0 5px;}
.e_banner_pic li .ct{width:475px; height:160px; position:absolute; right:-500px; top:110px;
background: rgba(0,0,0,0.5); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); color: #fff; text-align: left;}
.e_banner_ctrl{ text-align:center; position:absolute; width:100%; bottom:12px; z-index: 5;}
.e_banner_ctrl span{ width:15px; height:15px; margin:0 5px; cursor:pointer; display:inline-block; background:#e7e7e7; border-radius:50%;}
.e_banner_ctrl .cur{ background:#f60;}
.e_banner_text{ width:1190px; height:20px; margin:-360px auto 0; color:#fff; position:relative; z-index:2;}

.e_banner_pic li .ct dl{
	padding:10px 30px 0;
	}
.e_banner_pic li .ct dt{
	font: normal 30px/1.3 microsoft yahei;
	margin-bottom:12px;
	}
.e_banner_pic li .ct em{
	font: normal 40px/1.3 microsoft yahei;
	margin-right:10px;
	vertical-align:middle;
	}
.e_banner_pic li .ct dd{
	font: normal 13px/22px microsoft yahei;
	}
.b_banner{ width:100%; height:465px; margin:0 0 30px; position:relative; overflow:hidden;}
table {font-size: 14px; width:960px; }
table th{background-color: #c9584c;padding: 15px 20px; color: #fff;font-weight: bold;}
table td{background: #EDEDED;padding: 5px 10px; }
.tdfirst{background-color: #00CC00; font-weight: bold; color:#fff}
.deltext{text-decoration:line-through;}
.redtext{color:red }
.step{display:block;width:960px; margin:10px auto;height:auto;}
.step980{display:block;width:980px; margin:10px auto;height:auto;}
.stepall{display:block;width:100%; margin:0px auto;height:auto;}
.imgcenter{ height: auto;text-align:center;margin:10px auto;}
.tdw{width: 4px;}