body { background-color:#f4f4f4; height: 100%; width:100%; margin: 0 auto; min-width:320px;}
#body_main{ height:auto; width:94%; background:none; margin:0 auto; max-width:1284px;
-webkit-box-shadow: 0px 0px 5px 0px #333333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    0px 0px 5px 0px #333333;  /* Firefox 3.5 - 3.6 */
box-shadow:         0px 0px 5px 0px #333333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}
#body_main_1{ height:auto; width:100%; background:#F0F0F0; float:left; max-width:1284px;
-webkit-box-shadow: 0px 0px 5px 0px #333333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    0px 0px 5px 0px #333333;  /* Firefox 3.5 - 3.6 */
box-shadow:         0px 0px 5px 0px #333333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}


#top_search{height:auto; float:left; width:100%; background:#333; font-family:arial; border-top:1px solid #0B0B0B; border-bottom:0px solid #0B0B0B;}
#top_search_middle{height:auto; margin:0 auto; width:90%; background:none;}
#top_search_middle_1{height:auto; float:left; width:100%; background:none;}
#top_search_middle_1 p{ color:#eaeaea;}
.input_box_1{ height:35px; width:37.9%;border-radius:3px;outline:0; border: 1px solid #000; text-indent:5px;}
.input_box_2{ height:35px; width:25.6%;border-radius:3px;outline:0; border: 1px solid #000; text-indent:5px; margin-left:2%;}
.search_p_1{ text-align:center;}

.form_text_2{ height:32px; width:200px; border: 1px solid #aaa9a9; text-indent:5px; border-radius:5px; outline:0; color:#0f0f0f; margin-top:0px;}


#bottom_content{height:auto; float:left; width:100%; background:#C9C9C9; font-family:arial;}
#bottom_content_middle{height:auto; margin:0 auto; width:90%; background:none; font-family:arial;}
#bottom_content_middle_1{height:auto; float:left; width:100%; background:#fff; font-family:arial; margin-bottom:30px; margin-top:30px;box-shadow: 0px 0px 5px 0px #fff; border-radius:3px;}
#bottom_content_middle_form{height:auto; margin:0 auto; width:95%; background:#fff;}
#bottom_content_middle_form_main{height:auto; float:left; width:100%; background:none;}

#bottom_content_middle_job_1{height:32px; float:left; width:50%; background:none; text-transform:uppercase;}
.hotlist_p{margin-top:6px; font-size:15px;}
#bottom_content_middle_form_main_hot{ height:auto; float:left; width:100%; background:none; margin-bottom:30px;}
#bottom_content_middle_form_main_hot_1{ height:auto; float:left; width:100%; background:none;}
#bottom_content_middle_form_main_hot_1 a{ text-decoration:none; color:#3b3b3b;}
#bottom_content_middle_form_main_hot_1 a:hover{color:#228B22;}

#content_text_1_right_hot{ height:50px; width:150px; background:none; float:left;}
#content_text_1_right_hot_1{ height:50px; width:250px; background:none; float:right;}



#bottom_content_middle_job_2{height:auto; float:left; width:100%; background:none; margin-bottom:30px;}

.form_middle_text_0{ text-align:left; font-size:24px; font-weight:bold;}
.text_1{ font-size:13px; margin-top:-8px; text-align:justify;}


#footer_bottom{height:auto; float:left; width:100%; background:#333333; font-family:arial;}
#footer_bottom_middle{height:auto; margin:0 auto; width:90%; background:none;}
#footer_bottom_middle_1{height:auto; float:left; width:100%; background:none; color:#e7e7e7;}
#footer_bottom1{height:auto; float:left; width:31%; background:none;}
#footer_bottom1_box1{ width:100%; height:auto; background:none; border-bottom:1px solid #228B22; float:left;}
#footer_bottom1_box2{ width:100%; height:auto; background:none; float:left; font-size:13px; text-align:justify;}
#footer_bottom1_box3{ width:100%; height:auto; background:none; border-bottom:1px solid #228B22; float:left;}
#footer_bottom1_box4{ width:100%; height:auto; background:none; float:left; font-size:13px; text-align:justify;}
.footer_input_box_1{ height:29px; width:100%; outline:0; border:none; text-indent:5px;}

#footer_bottom2{height:auto; float:left; width:32%; background:none; margin-left:3%;}
#footer_bottom3{height:auto; float:left; width:31%; background:none; margin-left:3%;}
.footer_input_box_2{ height:50px; width:100%; outline:0; border:none; text-indent:5px; font-family:arial; font-size:13px;}
.footer_input_box_3{ height:29px; width:60%; outline:0; border:none; text-indent:5px;}
.footer_recent_text_1{ line-height:18px;}

#footer_bottom_main_1{height:auto; float:left; width:100%; background:#228B22; font-family:arial; font-size:13px;}
#footer_bottom_main_1_box_1{ height:auto; float:left; width:auto; background:none;}
#footer_bottom_main_1_box_2{ height:auto; float:right; width:auto; background:none;}
#footer_bottom_main_1 a{ text-decoration:none; color:#F6F6F6;}


@media screen and (max-width: 1350px) {
	.input_box_1{ margin-bottom:10px; width:37%;}
}
@media screen and (max-width: 1250px) {
	.input_box_1{ margin-bottom:10px; width:36%;}
}

@media screen and (max-width: 1024px) {
	.input_box_1{ margin-bottom:10px; width:35%;}
	.footer_recent_text_1{ line-height:16px;}
}
@media screen and (max-width: 950px) {
	.input_box_1{ margin-bottom:10px; width:34%;}
}

@media screen and (max-width: 900px) {
	.input_box_1{ height:35px; width:33%;}
	#bottom_content_middle_form_1{height:auto; float:left; width:92%; background:none; margin-left:4%;}
	table{ width:80%; background:none; margin:0 auto; margin-bottom:30px;}
	
	#bottom_content_middle_job_1{height:30px; float:left; width:100%;}
	
	.footer_recent_text_1{ line-height:16px; font-size:12px;}
	.footer_input_box_3{ height:29px; width:58%; outline:0; border:none; text-indent:5px;}
}

@media screen and (max-width: 800px) {
	.input_box_1{ height:35px; width:32%;}
	
	#footer_bottom1{height:auto; float:left; width:100%; background:none;}
	#footer_bottom2{height:auto; float:left; width:100%; background:none; margin-left:0;}
	#footer_bottom3{height:auto; float:left; width:100%; background:none; margin-left:0;}
	.footer_recent_text_1{ line-height:18px; font-size:13px;}
}

@media screen and (max-width: 700px) {
	.input_box_1{ height:35px; width:100%;}
}

@media screen and (max-width: 650px) {
	table{ width:100%; background:none; margin:0 auto; margin-bottom:30px;}
}

@media screen and (max-width: 520px) {
	#content_text_1_right_hot_1{float:left;}
	.hotlist_p{font-size:13px;}
	#bottom_content_middle_job_1{height:auto;}
}



/* Button */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-family:Arial;
	font-size:15px;
	padding: .3em .6em .3em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
}

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
