/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,  h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('opensans-regular.eot');
	src: url('opensans-regular.eot') format('embedded-opentype'), url('opensans-regular.woff') format('woff'), url('opensans-regular.ttf') format('truetype'), url('opensans-regular.svg#OpenSansRegular') format('svg');
}
@font-face {
	font-family: 'OpenSansSemibold';
	src: url('opensans-semibold.eot');
	src: url('opensans-semibold.eot') format('embedded-opentype'), url('opensans-semibold.woff') format('woff'), url('opensans-semibold.ttf') format('truetype'), url('opensans-semibold.svg#OpenSansSemibold') format('svg');
}
.clr {
	clear:both;
}
* {
	margin:0px;
	padding:0px;
}
.wapper {
	width:100%;
}
.main_wapper {
	width:918px;
	margin:0 auto;
}
.header {
	width:100%;
	padding:20px 0px;
}
.header_l {
	width:35%;
	float:left;
}
.logo {
	width:100%;
	padding-top:10px;
}
.header_right {
	float:right;
	width:60%;
}

.navi{ width:100%;}

.navigation {
	float:right;
	padding-top:15px;
}
.navigation ul {
}
.navigation ul li {
	float:left;
	font-size:15px;
	font-family: 'OpenSansSemibold';
}
.navigation ul li a {
	text-decoration:none;
	color:#333;
	padding:5px 15px;
	margin-right:10px;
}
.navigation ul li a:hover {
	background:#3087c7;
	color:#fff;
	border-radius:25px;
}
.navigation ul li a.active {
	background:#3087c7;
	color:#fff;
	border-radius:25px;
}
.banner {
	width:100%;
	float:left;
	background:url(../image/banner_back.jpg) no-repeat;
}
.banner_image {
	background: none repeat scroll 0 0 #f0f7eb;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	float: left;
	margin: 5px 0 19px 45px;
	padding: 0 43px;
}
.banner_l {
	width:337px;
	float:left;
	margin-top:38px;
	margin-right:21px;
}
.banner_r {
	width:337px;
	float:right;
	margin-top:38px;
}
.search {
	width:100%;
	margin:auto;
	background:#e66611;
	float:left;
	border-radius:3px;
	margin-top:18px;
	margin-bottom:5px;
}
.search_input {
	width:89%;
	float:left;
	background: url(../image/search_icon.png) 8px 12px no-repeat #fff;
	line-height:40px;
	border-radius:3px;
	border:none;
	margin:8px;
	padding-left:34px;
	padding-right:8px;
}
.search form {
	width:100%;
	float:left;
}
.go_btn {
	background: none repeat scroll 0 0 #1275c2;
	border: medium none;
	border-radius: 0 3px 3px 0;
	color: #fff;
	font-size:20px;
	font-weight:bold;
	margin-left:-11px;
	margin-top:8px;
	padding: 9px 7px 8px 7px;
}
:-moz-any(.go_btn){padding:7px;}

.search h4 {
	color:#fff;
	float:left;
	margin-left:0px;
	padding-top:21px;
	font-size:17px;
	font-family: 'OpenSansSemibold';
}
.share_image {
	width:360px;
	margin:0 auto;
	padding-bottom:40px;
}
.middle {
	width:870px;
	margin:0 auto;
	padding-top:25px;
}
.middle h1 {
	font-family: 'OpenSansSemibold';
	font-size:30px;
	color:#3b3b3b;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #d5d5d5;
	padding-bottom:16px;
}
.online_text {
	float: left;
	margin-left: 25px;
	margin-right: 21px;
	width: 44%;
}
.middle_content {
	width:100%;
	float:left;
	padding-bottom:35px;
}
.online_text h2 {
	font-family: 'OpenSansSemibold';
	font-size:20px;
	color:#484848;
	padding-top:30px;
}
.online_text p {
	font-family: 'OpenSansRegular';
	font-size:13px;
	color:#484848;
	padding-top:10px;
	line-height:20px;
}
.footer {
	border-top: 1px solid #cfcfcf;
	float: left;
	margin: 0 auto 0 85px;
	padding-top:20px;
	width: 755px;
}
.footer_menu {
	width:490px;
	margin:auto;
}
.footer_menu ul {
}
.footer_menu ul li {
	font-family: 'OpenSansSemibold';
	font-size:13px;
	margin-right:25px;
	float:left;
}
.footer_menu ul li a {
	text-decoration:none;
	color:#404040;
}
.footer_menu p {
	text-align:center;
	font-size:13px;
	font-family: 'OpenSansRegular';
	line-height:40px;
	color:#333;
}
.middle_part {
	width:100%;
	float:left;
}
.middle_part h1 {
	font-family: 'OpenSansSemibold';
	font-size:25px;
	color:#484848;
	border-bottom:1px solid #999;
	padding-bottom:13px;
	padding-top:30px;
}
.middle_part .online_text {
	width:100%;
	margin-left:0px;
}
.textedit {
	font-family: 'OpenSansRegular';
	font-size:15px;
	width:100%;
	float:left;
	color:#414141;
	padding-top:11px;
	margin-right:15px;
}
.middle_part form input {
	background:#fff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	height: 34px;
	margin-bottom: 4px;
	margin-top: 5px;
	padding-left: 4px;
	padding-right: 4px;
	width: 50%;
}
.middle_part form .messages {
	background:#fff;
	border: 1px solid #cccccc;
	border-radius:3px;
	float: left;
	margin-top:6px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 8px;
	width: 459px;
}
.middle_part form button {
	background:none;
	border:none;
	cursor:pointer;
	margin-top:18px;
	width:100%;
}
.middle_part form button input {
	border:none;
	color:#fff;
	background:#06F;
	border-radius:6px;
	text-align:center;
	width:110px;
	height:37px;
}
.middle_part form button input:hover {
	background:#0447ac;
}
.online_text p {
	font-size:15px;
	margin-top:4px;
	line-height:25px;
	margin-bottom:10px;
}
.maping {
	width:100%;
	float:left;
	margin-top:10px;
	border:#d4d4d4 1px solid;
	margin-bottom:5px;
}
.bottom {
	margin-bottom:50px;
}
.middle_content p {
	font-size:14px;
	margin-top:4px;
	font-family: "OpenSansRegular";
	line-height:25px;
	margin-bottom:10px;
}
.add_user {
	margin-bottom: 15px;
	margin-top: 15px;
	width: 100%;
}
.add_user h4 {
	font-family: 'OpenSansSemibold';
	padding-top:15px;
	font-size:16px;
	color:#484848;
}
.add_user .text {
	float: left;
	font-family: "OpenSansRegular";
	font-size: 15px;
	margin-bottom: 8px;
	margin-right: 10px;
	margin-top: 15px;
	width: 100%;
}
.add_user input {
	width:50%;
	border:1px solid #CCC;
	line-height:30px;
	padding:0px 8px;
}
.add_user select {
	width:50%;
	border:1px solid #CCC;
	line-height:30px;
	padding:8px 8px;
}
.add_user p {
	font-family: "OpenSansRegular";
	font-size: 15px;
}
.add_user p span {
	font-weight:bold;
}
.add_user .save_btn {
	padding:0px 20px;
	float:left;
	width:12%;
	cursor:pointer;
	border-radius:4px;
	border:none;
	background: #666;
	font-family: "OpenSansRegular";
	font-size: 18px;
	margin-top:10px;
	color:#fff;
}
.bottom {
	padding-bottom:80px;
}
.add_user table {
	font-family: "OpenSansRegular";
	color:#666;
	font-size:16px;
}
.add_user table tr th p {
	font-family: "OpenSansRegular";
}
.back {
	background:#f0f0f0;
	line-height:45px;
}
.add_user .checkbox {
	float:right;
}
.add_user .checkbox .delete_btn {
	padding:0px 44px;
	float:left;
	border-radius:5px;
}
.add_user .checkbox input {
	width: 39%;
}
.add_user .checkbox .check {
	margin-top:11px;
}
.table_back table {
	background:#f2f2f2;
	font-family: "OpenSansRegular";
	font-size:13PX;
}
.table_back table .back {
	background:#fff;
}
.table_back table tr {
	line-height:40px;
}
.input_detail {
	width:80px !important;
	float:left;
	margin-left:75px;
	height:25px;
	margin-top:8px;
}
.submit_btn {
	border-radius:5px;
	line-height:25px !important;
	margin-top:7px;
	cursor:pointer;
	width:40% !important;
}
nav#menu {
	display:none;
}


.searach_boxcant{ width:88%; float:left;}
.search ul#options{ width:97%; float:left; padding:10px;}

.search ul#options li input{ margin-right:5px;}
.search ul#options li{ font-size:12px; color:#fff; width:100%; display:block; padding:5px 0px;}

#tooltip{ width:28%; background:#fff; border-radius:5px; color:#333; padding:5px; font-size:12px; line-height:18px;}


input.delete_btn,.submit_btn{ background:#eee !important; text-align:center !important; padding:0px !important; width:118px !important; margin-left:5px !important;  float:left !important;}

.checkbox .check{ width:17px !important; margin-left:15px;}



@media screen and (max-width: 1024px) { 
.main_wapper{ width:100%;}
.middle{ width:100%;}
.footer{ width:100%; margin:0px; padding:0px;}
.header_right{ width:65%;}
.navigation ul li a{ margin-right:8px !important;}
.banner_image{margin: 21px 2px 19px 17px !important; width: 89%; padding:0px 25px;}
.banner_l{ width:49% !important; margin-right:0px;}
.banner_r{ width:49%;}
.middle h1{ width:94%; margin:0 auto;}
.footer{ padding-top:20px !important;}
.middle_part { margin-left:10px; width:95%;}
.header_l { margin-left:25px; width:26%;}
.logo img{ width:100%;}

 }
 
 
 @media screen and (max-width: 767px) { 
.main_wapper{ width:100%;}
.middle{ width:100%;}
.footer{ width:100%; margin:0px; padding:0px;}
.header_right{ width:65%;}
.navigation ul li a{ margin-right:8px !important;}
.banner_image{margin: 21px 2px 19px 17px !important; width: 89%; padding:0px 12px;}
.banner_l{ width:49% !important; margin-right:0px; margin-top:16px;}
.banner_l img{ width:100%;}
.banner_r{ width:49%; margin-top:16px;}
.banner_r img{ width:100%;}
.middle h1{ width:94%; margin:0 auto;}
.footer{ padding-top:20px !important;}

.header_l{ float:none !important; margin:0 auto; padding-bottom:10px; width:57%;}
.header_right{ width:100%; float:none !important; margin:0 auto;}
h1{ font-size:25px !important;}
.middle_part { margin-left:10px; width:95%;}
.logo img{ width:100%;}
.search_input{ width:84%;}

.searach_boxcant{ width:84%;}


 }
 
 
 @media screen and (max-width: 540px) { 
.main_wapper{ width:100%;}
.middle{ width:100%;}
.footer{ width:100%; margin:0px; padding:0px;}
.header_right{ width:65%;}
.navigation ul li a{ margin-right:8px !important;}
.banner_image{    margin: 21px 2px 19px 6px !important; padding: 0 12px; width:88%;}
.banner_l{ display:none;}
.banner_r{ display:none;}

.middle h1{ width:94%; margin:0 auto;}
.footer{ padding-top:20px !important;}

.header_l{ float:none !important; margin:0 auto; padding-bottom:10px;}
.header_right{ width:100%; float:none !important; margin:0 auto;}
h1{ font-size:16px !important;}
.search h4{ margin-right:5px;}
.share_image{ width:98%;}
.share_image img{ width:100%;}
.online_text { margin-left:8px; width:95%;}
.footer_menu{ width:98%; margin-left:5px;}
.footer_menu ul li{ line-height:22px !important; text-align:center;}
.middle_part {
    margin-left: 6px;
    width: 95%;
}
p{ font-size:13px;}
.table_back table{ width:98%;}
.logo img{ width:100%;}
.navigation{ display:none;}
nav#menu { display:block;}
.searach_boxcant{ width:100%;}
.search_input {
    width: 78%;
}


.search h4{ width:100%; text-align:center; padding:10px 0px;}


 }