/*
Template 2068 The City
http://www.tooplate.com/view/2068-the-city
*/

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

#home { background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_body_home.jpg') }
#subpage { background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_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: 30px; }
h3 { font-size:20px }
h4 { font-size:18px }
h5 { font-size:16px }
h6 { font-size:12px }

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

img { margin: 0; padding: 0 }
.img_border { border: 4px solid #eee }
.img_nom { display: block; margin-bottom: 15px }
.img_fl { float: left; display: block; margin: 3px 20px 8px 0 }
.img_fr { float: right; margin: 3px 0 8px 20px }

p { margin: 0 0 10px 0; padding: 0 }
em { color: #333 }
hr { margin-bottom: 30px; padding-top: 20px; border: none; border-bottom: 1px solid #ccc }

a:link, a:visited { color:#df8601; text-decoration: none}
a:hover { text-decoration:underline }
a:hover,a:active { outline:none }

a.more { display: block; padding-left: 18px; background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_more.png') left center no-repeat }

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('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_list.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 }

.section_wrapper {
	width: 100%;
}
.section_content {
	width: 960px;
	margin: 0 auto;
}
#tooplate_header_wrapper {
	height: 124px;
	margin-bottom: 40px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_header.png') top repeat-x
}
#tooplate_footer_wrapper {
	background: #d1d1d1 url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_footer.jpg') top repeat-x
}
#tooplate_footer {
	padding: 40px 0;
}
#tooplate_copyright_wrapper {
	background: #292929 url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_copyright.jpg') top repeat-x
}
#tooplate_copyright {
	line-height: 42px;
	height: 42px;
	text-align: center
}

#site_title { float: left; margin-top: 20px }
#site_title a { display: block; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; width: 200px; height: 60px; color: #acacac; text-indent: -10000px; background:  url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_logo.png') no-repeat top left }

#tooplate_menu { float: right; margin-top: 45px; }

#tooplate_slider { padding: 0 80px 60px; width: 800px }

#tooplate_main {
	clear: both;
	width: 960px;
	margin: 0 auto 40px;
}

#tooplate_content {
	float: left;
	position: relative;
	width: 660px;
	padding: 15px 25px;
	background: #fff;
}

#tooplate_sidebar {
	float: right;
	width: 220px;
}

#tooplate_content span.content_tb {
	position: absolute;
	left: 0;
	width: 710px;
	height: 5px;
}

#tooplate_content span.content_top {
	top: -5px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_main_t.png')
}

#tooplate_content span.content_bottom {
	bottom: -5px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_main_b.png')
}

#tooplate_search { width: 220px; height: 32px; margin-bottom: 50px; background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_search.png') }
#tooplate_search form {
	margin: 0;
	padding: 0;
}

#tooplate_search .txt_field {
	float: left;
	display: block;
	height: 23px;
	line-height: 23px;
	width: 175px;
	margin: 0;
	color: #ccc;
	font-size: 12px;
	padding: 5px;
	font-variant: normal;
	border: none;	
	background: none;
}

#tooplate_search .sub_btn {
	float: right;
	display: block;
	height: 32px;
	width: 32px;
	cursor: pointer;
	border: none;
	background: none;	
}

.col { margin-right:28px; float: left }
.col_3 { width: 200px }
.col_32 { width: 428px }
.col_2 { width: 318px }

.home_news_box {
	margin-bottom: 28px;
}
.home_news_box h3 {
	margin-bottom: 10px;
	font-size: 18px;
}
.home_news_box .img_nom {
	margin-bottom: 10px
}

#tooplate_sidebar h3 { margin-bottom: 15px }

.sidebar_section {
	padding: 10px;
	width: 200px;
	margin-bottom: 40px;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/tooplate_sidebar_sc.png') bottom no-repeat
}

.flickr_stream {
	width: 220px;
	margin-bottom: 40px;
}
.flickr_stream a {
	float: left;
	display: block;
	width: 65px;
	height: 65px;
	border: 1px solid #fff;
	margin: 0 5px 5px 0;
}

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

.sidebar_link_list li a {
	color: #666
}
.comment li { color: #999 }
.comment li a { color: #df8601 }
.comment li span { color: #333 }

.post { clear: both; margin: 0 0 40px 0; padding: 0 0 40px 0; border-bottom: 1px solid #ccc }
.post h2 { margin-bottom: 30px }
.post p { margin-bottom: 15px }
.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: #efefef }
.comment_content { float: right; width: 490px }
.comment_list li ul li.depth_2 .comment_content  { width: 450px }
.comment_list li ul li.depth_3 .comment_box { background: #ccc }
.comment_list li ul li.depth_3 .comment_content  { width: 410px }


#comment_form { margin-top: 40px }

#comment_form textarea {
	color: #666;
	background: #fff none repeat fixed 0 0;
	border: 1px solid #ccc;
	display: block;
	height: 150px;
	margin-top: 5px;
	padding: 5px;
	width: 360px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

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

#comment_form form input {
	color: #666;
	margin-top: 5px;
	padding: 5px;
	width: 200px;
	background:#fff none repeat fixed 0 0;
	border: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

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

#contact_form .submit_btn, #comment_form .submit_btn {
	display: block; 
	padding: 10px 15px; 
	text-align: center; 
	text-decoration: none; 
	font-weight: bold;  
	background-color: #e98d04; 
	border: 1px solid #724400; 
	color: #fff; 
	font-size: 11px; 
	cursor: pointer; 
}

#tooplate_footer .col_3 {
	width: 300px;	
}

#tooplate_footer h4 { margin-bottom: 15px }
#tooplate_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
}
ul.social li a.facebook { background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/facebook.png') }
ul.social li a.twitter { background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/twitter.png') }
ul.social li a.youtube { background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/youtube.png') }
ul.social li a.vimeo { background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/vimeo.png') }
ul.social li a.google { background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/google.png') }
ul.social li a.skype { background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo201801/201801088/html/images/skype.png') }

ul.twitter li {  margin: 0 0 20px 0; padding: 0 }

.pagging { margin: 0 0 20px; padding: 0 }
.pagging ul { margin: 0; padding: 0; list-style: none }
.pagging ul li { margin: 0; padding: 0; display: inline }
.pagging ul li a { float: left; display: block; color: #666; text-decoration: none; margin-right: 5px; padding: 5px 10px; background: #ebe7e4; border: 1px solid #d6d0cc}
.pagging ul li a:hover { color: #fff; background: #cfccc9; }

.no_mr { margin-right: 0 }