/************main div start*************/
.left_div {
	width : 50%;
	height : 100%;
	float : left;
}

.search_div {
	width : 500px;
	height : 50px;
	text-align : center;
}

.search_input {
	width : 400px;
	height : 40px;
	margin : 5px auto;
	margin-bottom : 0px;
	border : 1px blue solid;
	border-radius : 20px;
	padding-left : 40px;
	background-image : url('../images/search.jpg');
	background-repeat : no-repeat;
	outline : none;
	font-size : 20px;
}

.school {
	left : 70px;
	position : relative;
	width : 380px;
	height : 319px;
	background-color : #FFFFFF;
	text-align : left;
	z-index : 1000;
	overflow : hidden;
	display : none;
}

.school li {
	line-height : 30px;
	height : 30px;
	list-style-type : none;
	font-size : 20px;
}

.school li:hover {
	background-color : #FFE0AD;
}

.school li span {
	margin-left : 20px;
}

.map_div {
	margin-top : 20px;
	width : 500px;
	height : 500px;
}

.map_content {
	width : 100%;
	height : 100%;
	position : relative;
	border-radius : 10px;
}

.right_div {
	width : 50%;
	height : 100%;
	float : left;
}

.right_readme {
	width : 100%;
	height : 150px;
}

.readme_div {
	padding-top : 40px;
	padding-left : 60px;
	padding-right : 60px;
	height : 100%;
	font-size : 20px;
}

.right_button_div {
	width : 100%;
	height : 110px;
	text-align : center;
}

.pop_button {
	border : 5px solid green;
	border-radius : 30px;
	font-size : 30px;
	color : green;
	outline : none;
}

.free_button {
	width : 80%;
	height : 100px;
	background-color : #DDF581;
}

.free_button:hover {
	background-color : #FFF183;
}

.free_button:active {
	width : 85%;
	height : 110px;
}

.charge_button {
	width : 60%;
	height : 66px;
	background-color : #DDDDDD;
}

.charge_button:hover{
	background-color : #CCCCCC;
}

.charge_button:active {
	width : 65%;
	height : 75px;
}
/************main div end*************/

/************popup start*************/
.back_overlay {
	display : none;
	position : absolute;
	top : 0%;
	left : 0%;
	width : 100%;
	height : 700px;
	background-color : black;
	z-index : 1001;
	/* opacity */
	-moz-opacity : 0.8;
	-khtml-opacity : 0.8;
	opacity : .80;
	filter : alpha(opacity=80);
}

.free_dialog_div {
	display: none;
	position: absolute;
	top: 10px;
	left: 20%;
	width: 60%;
	height: 620px;
	background-color: #E8E8FF;
	z-index:1002;
	border-radius : 30px;
	text-align : center;
}

.vip_dialog_div {
	display: none;
	position: absolute;
	top: 100px;
	left: 25%;
	width: 50%;
	height: 420px;
	background-color: #E8E8FF;
	z-index:1002;
	border-radius : 30px;
	text-align : center;
}

.all_dialog_div {
	display: none;
	position: absolute;
	top: 100px;
	left: 25%;
	width: 50%;
	height: 420px;
	background-color: #E8E8FF;
	z-index:1002;
	border-radius : 30px;
	text-align : center;
}

.close_button {
	float : right;
	margin-right : 20px;
	margin-top : 10px;
	font-size : 30px;
	font-family : SimHei;
}

.close_button a {
	text-decoration : none;
}

.dialog_form_div {
	margin : 20px auto;
	width : 80%;
	text-align : left;
}

.dialog_form_div span {
	font-size : 20px;
}

.dialog_form_div input[type=text] {
	width : 300px;
	height : 30px;
	font-size : 20px;
	border-radius : 10px;
	padding-left : 10px;
	outline : none;
}

.dialog_form_div input[type=radio] {
	margin-left : 20px;
}

.dialog_form_div textarea {
	font-size : 15px;
}

.dialog_form_div input[type=file] {
	width : 300px;
	height : 30px;
	font-size : 15px;
	outline : none;
}

.dialog_form_div input[type=submit] {
	width : 150px;
	height : 50px;
	font-size : 30px;
	border-radius : 10px;
	background-color : #7BA5DE;
	color : #FFFFFF;
	outline : none;
}
/************popup end*************/