body {
	margin: 0;
	padding: 0;
	height: 100%;
}

html,
boby,
.wrapper {
	width: 100%;
	height: 100%;
	/* background: #004e6b url(../img/bg_plan.jpg) no-repeat center top; */
	background-color: white;
	background-size: cover;
	min-width: 320px;
}

input,
button {
	outline: none;
}

#result.fail {
	padding: 50px 20px 0 20px;
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert {
	padding: 15px;

	margin: 0 auto;
	border: 1px solid transparent;
	border-radius: 4px;
}


.top {
	width: 100%;
	background-color: #fff;
	border-color: #080808;
	position: relative;

}

.banner {

	width: 60%;
	height: 80px;
	margin: 0 auto;
}

.navbar-brand {
	float: left;
	padding: 15px 15px;
	margin-top: 30px;
}

a:link {
	outline: 0;
	text-decoration: none;
}

a:hover {
	color: #white;
}

.background {
	position: absolute;
	width: 100%;
}

.container {
	width: 75%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

form {
	display: block;
}

.row {
	margin-right: -20px;
	margin-left: -20px;
}

.form-horizontal {
	margin-top: 10%;
}

.zhhh {
	/* margin-top: 10%; */
}

.bt {
	/* text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5); */
	color: #000000;
	text-align: center;

	font-size: 30px;
}

.form-group label {
	display: block;
	color: #000000;
	font-size: 16px;
	padding-top: 7px;
	margin-bottom: 0;
	text-align: right;
	font-weight: 700;
	width: 23%;
	float: left;
}

.form-control {
	display: block;
	width: 67%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;

}

.btn {
	display: block;
	color: #000000;
	background-color: #fff;
	border-color: #ccc;
	width: 195px;
	height: 34px;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #ccc;
	border-radius: 4px;
}

#zhuanke-error {
	color: red;
	font-size: 14px;
	width: 103%;
	text-align: center;
}

#result.success {
	min-height: 460px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;

}

.success h3 {
	padding-top: 50px;
	text-align: center;
	color: #000000;
	/* 	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5); */
	font-size: 24px;

}

.success h6 {
	text-align: center;
	color: #000000;
	font-size: 12px;

}

.footer {

	width: 100%;
	height: 150px;
	background-color: #f6f6f6;
	border-top: #e8e8e8 1px solid;
	overflow: hidden;
}


.ui-tabs-tab {
	border-radius: 3px;
}

#major_exam {
	background-color: #004e6b;
	color: white;
	margin-left: 20px;
}




.bttt {

	margin-left: 8%;
	padding-top: 5%;
	margin-bottom: 10%;
}

.success {
	margin-top: 40px;
}

@media screen and (min-width: 1025px) {
	.bttt {
		width: 90%;

	}

	.btn {
		margin: 0 auto;

	}

	.highcharts-container {
		/* margin-left: -4.2% !important; */
		width: 100% !important;
	}


}

@media screen and (min-width: 320px) and (max-width: 1024px) {




	.bt {
		font-size: 6vw;
	}

	.form-horizontal {
		margin-top: 20vw;
	}

	.success {
		margin-top: 10vw !important;
	}

	.row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.container {
		width: 100vw;
		padding: 0;
	}

	#major_exam {
		font-size: 3vw;
	}

	.form-group {
		width: 100vw !important;
		margin: 0 auto;
	}

	.label {
		margin-left: -3vw;
	}

	.label label {
		margin-left: 9.5vw;
		margin-bottom: 1vw;
		font-size: 4vw;
	}

	.form-control {
		width: 100vw;
	}

	.in {
		width: 100vw;
		/* margin: 1vh 0 2vh 0 !important; */

	}

	.bt {
		width: 75vw;
		margin: 0 auto;
	}

	#result h3 {
		width: 90vw;
		margin: 0 auto;
		font-size: 5vw;
		margin-top: -5vw;
		padding-bottom: 3vw;
	}

	.in input {

		text-align: left;
		width: 75vw;
		margin: 0 auto;
		font-size: 4vw;
		padding: 2vw 3vw;
		/* height: 6vh; */
	}

	.sel {
		margin: 3vw auto;
	}

	.bttt {
		width: 50vw;
		margin: 0 auto;

	}

	.btn {

		width: 50vw;
		margin: 2vw auto;
		font-size: 4vw;
		height: 8vw;
	}

	#zhuanke-error {
		margin: 0 auto;
		margin-left: 2vw;
		width: 60vw;
		font-size: 3vw;
		text-align: right;
	}

	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		padding: 0.5vw 1vw !important;

	}


	.highcharts-title tspan {
		font-size: 14px !important;
	}

	.ui-tabs-tab {
		font-size: 3vw;
	}

	.banner {

		width: 80vw;
		/* height: 5vh; */
		margin-left: 4.5vw;

	}

	#tabs {
		width: 90vw;
		margin: 0 auto;
	}

	/* .highcharts-container {
		margin-left: -37px !important;
		
	} */
	.top {
		height: 12vw;
	}

	.navbar-brand img {
		height: 10vw;
	}

}

@media screen and (max-width: 319px) {

	html,
	body,
	.wrapper,
	.top,
	.background,
	.container,
	.form-horizontal,
	.form-group,
	.sel,
	.label,
	.in,
	.row {
		width: 320px !important;

	}

	.banner {
		width: 256px;
		margin-left: 10px;
	}

	.row {
		margin: 0;
	}

	.form-group {
		width: 320px;
		margin: 10px auto;
	}

	.in {
		margin: 5.68px 0 28.4px;
		margin-left: 0px !important;
	}

	.container {
		padding: 0px;
	}

	.label label {
		width: 93px;
		font-size: 12.8px;
	}

	.form-control {
		width: 236px;

		margin: 0 auto;
	}

	.bttt,
	.btn {
		width: 160px;
		margin: 0 auto;
	}

	#major_searcher_form h2 {
		width: 240px;
		margin: 0 auto;
		font-size: 19px;
	}

	.top {
		height: 38.4px;
	}

	.navbar-brand img {
		height: 32px;
	}

	.success {
		font-size: 16px !important;
	}

	.ui-tabs-tab,
	#major_exam {
		font-size: 12px;
	}
	.form-horizontal{
		margin-top: 70px;
	}


}