@charset "utf-8";
/*++++++++++++++++++++++++++++
+ CSS Document				 +
+ Date:2014-06-03			 +
+ Author:Koshi Tang          +
+ E-Mail:onlyyou98@126.com   +
++++++++++++++++++++++++++++*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin: 0;
    padding: 0
}
html {
	height:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
}
body {
	background-color:#fff;
	min-height:100%;height:auto !important;height:100%;
	font:14px/1.5 sans-serif,Helvetica,arial,'Microsoft Yahei';
}
.clearfix:before,.clearfix:after {
	display:table;
	content:"";
	line-height:0
}
.clearfix:after {
	clear:both
}
.clearfix {
	*zoom:1
}
.fl{
	float:left;
}
.fr{
	float:right;
}
button,input,select,textarea {
	font-family:inherit;
	font-size:100%;
	outline:0 none;
	vertical-align:baseline;
	*vertical-align:middle;
}
button,input {
	*overflow:visible;
	line-height:normal;
}
button::-moz-focus-inner,input::-moz-focus-inner {
	padding:0;
	border:0
}
button,html input[type="button"],input[type="reset"],input[type="submit"],.submit-btn{
	-webkit-appearance:button;
	cursor:pointer;
	*overflow:visible;
}
input[type="search"] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-appearance:textfield
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance:none
}
button[disabled],input[disabled]{
	cursor:default;
}
input[type="checkbox"],input[type="radio"],.form-radio,.form-checkbox {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	*height:13px;
	*width:13px;
}
:-moz-placeholder,::-webkit-input-placeholder {
	color:#999;
}
textarea {
	overflow:auto;
	vertical-align:top;
	resize:none;
}
h1,h2,h3,h4,h5,h6,figure,form {
	margin:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
img {
	max-width:100%;
	width:auto\9;
	height:auto;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display:block
}
audio,canvas,video {
	display:inline-block;
	*display:inline;
	*zoom:1
}
audio:not([controls]) {
	display:none;
	height:0;
}
svg:not(:root) {
	overflow:hidden;
}

p {
	margin:0 0 9px;
}
a {
	text-decoration:none;
	background: transparent;
	color:#29B4F0;
}
a:active,
a:hover {
  outline: 0;
}
a:hover {
	color:#017CB9;
}
ul,ol {
	list-style:none;
	list-style-image:none;
}

.mrgA5{margin:5px;}.mrgT5{margin-top:5px;}.mrgR5{margin-right:5px;}.mrgB5{margin-bottom:5px;}.mrgL5{margin-left:5px;}.mrgA10{margin:10px;}.mrgT10{margin-top:10px;}.mrgR10{margin-right:10px;}.mrgB10{margin-bottom:10px;}.mrgL10{margin-left:10px;}.mrgA15{margin:15px;}.mrgT15{margin-top:15px;}.mrgR15{margin-right:15px;}.mrgB15{margin-bottom:15px;}.mrgL15{margin-left:15px;}.mrgA20{margin:20px;}.mrgT20{margin-top:20px;}.mrgR20{margin-right:20px;}.mrgB20{margin-bottom:20px;}.mrgL20{margin-left:20px;}.mrgA25{margin:25px;}.mrgT25{margin-top:25px;}.mrgR25{margin-right:25px;}.mrgB25{margin-bottom:25px;}.mrgL25{margin-left:25px;}.mrgA30{margin:30px;}.mrgT30{margin-top:30px;}.mrgR30{margin-right:30px;}.mrgB30{margin-bottom:30px;}.mrgL30{margin-left:30px;}

.mrgT50{margin-top:50px;}
.psyTest,
.guide .startTest,
.evaluatContent .btn .back,
.evaluatContent .btn .submit,
.comfim .btn1{
	-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
}
.psyTestBg{
	background:url(../images/NewTestBg.jpg) repeat 0 0;
	min-width:320px;font-family: "Microsoft Yahei";
}
.psyTest{
	border:1px solid #F0F0F0;
	background:#fff;
	margin:60px auto;padding:5px;
	width:65%;
	min-height:500px;height:auto !important;height:500px;
	position:relative;
}
.testGuide .title,.testSubject h2,.userInfo .title{
	color:#333;
	font-weight: normal;
}
.testGuide .title{
	height:85px;line-height: 85px;
	font-size:26px;text-align:center;
}
.guide,.evaluatContent{
	line-height:200%;
	color:#666;
	margin:auto 5%;padding:30px 0;
	border-bottom:1px dotted #b7b7b7;
	border-top:1px dotted #b7b7b7;
}
.guide .startTest,
.evaluatContent .btn .back,
.evaluatContent .btn .submit,
.comfim .btn1{
	width:120px;height:35px;line-height: 35px;
	text-align:center;color:#fff;font-size:16px;
	background:#4285F4;
}
.guide .startTest:hover,
.evaluatContent .btn .submit:hover,
.comfim .btn1:hover{
	background:#126DC0;
	color:#fff;
}
.processBar,.process{
	-moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px;
	overflow:hidden;
}
.processBar{
	margin:30px 5%;
	background:#eee;
	height:12px;line-height: 12px;
	width:90%;
}
.processBar .process{
	height:100%;
	background:#3ECB7A;
}
.testSubject h2,.userInfo .title{
	padding:20px 10%;_padding:20px 7%;
	font-size:22px;
}
.evaluatContent{
	padding:5%;
}
.evaluatContent ul li{
	margin-bottom:10px;
	font-size:16px;color:#333;
}
.evaluatContent .btn{
	text-align:right;
	height:40px;
}
.evaluatContent .btn .back,.evaluatContent .btn .submit,.comfim .btn1{
	width:100px;
	display:inline-block;*display:inline;*zoom:1;
}
.evaluatContent .btn .submit,.comfim .btn1{
	border:none 0;
}
.evaluatContent .btn .back,
.comfim .btn2{
	background:#6E6E6E;
}
.evaluatContent .btn .back:hover,
.comfim .btn2:hover{
	background: #3C3C3C;
}

.comfim{
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	z-index:5;
	display:none;
	text-align:center;color:#fff;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B21A4A72', endColorstr='#B21A4A72');background:rgba(26,74,114,0.7);
}
.comfim .tips{
	margin-top:15%;
	font-size:18px;
}
.evaluatContent .userInfo li select{
	width:110px;margin-bottom:10px;
}

/* report */
.psyReport{
	min-width:320px;
}
.page{
	font-family: "Microsoft Yahei";font-size:14px;
	border:1px solid #ccc;
	line-height:200%;
	color:#333;
	-moz-box-shadow:inset 1px 1px 2px #ccc,2px 3px 2px #ccc;
	-webkit-box-shadow:inset 1px 1px 2px #ccc,2px 3px 2px #ccc;
	-o-box-shadow:inset 1px 1px 2px #ccc,2px 3px 2px #ccc;
	-ms-box-shadow:inset 1px 1px 2px #ccc,2px 3px 2px #ccc;
	box-shadow:inset 1px 1px 2px #ccc,2px 3px 2px #ccc;
	width:600px;
	margin:0 auto 20px;
	padding:0 30px;
}
.pageTop{
	font-size:20px;color:#666;
	padding:15px 0;
}
.pageBottom{
	text-align:center;
	font-size:18px;color:#666;
	padding:10px 0;
	border-top:1px solid #ccc;
}
.pageContent{
	min-height:500px;height:auto !important;height:500px;
	padding:5px 0 25px;
}
.pageContent h1{
	text-align:center;font-size:26px;font-weight:normal;
}
.pageContent h2{font-size:24px;font-weight:normal;}
.pageContent h3{font-size:22px;font-weight:normal;}
.pageContent h4{font-size:20px;font-weight:normal;}
.pageContent h5{font-size:18px;font-weight:normal;}
.pageContent h6{font-size:16px;font-weight:normal;}
.page a{color:#333;text-decoration:none;}
.page a:hover{text-decoration: underline;color:#f60;}
.page p{text-indent:25px;}
.page img{vertical-align:middle;}
.page1{background:#cff url(../../Content/images/test/psytestbg.jpg) no-repeat center top;height:940px;}
.frontCover{
	height:100%;
}
.frontCover h1{
	padding-top:30px;padding-left:10px;
	margin-bottom:50px;
}
.frontCover .tit{
	height:127px;
}
.frontCover .tit img,
.frontCover .copyRight img{
	max-width: 100%;
}
.frontCover .tit,
.frontCover .copyRight{
	text-align:center;
}
.frontCover ul{
	padding-top:100px;
	height:58%;
	margin:auto 10% auto 20%;
}
.frontCover ul li{
	line-height:200%;
	margin:0 auto 10px;
	font-size:18px;color:#000;
}
.pageContent table{
	width:100%;
}
.pageContent table,.pageContent table td,.pageContent table th{
	border:1px solid #abd8f7;
}
.page3 table .title th{
	background:#47abf0;color:#fff;
}
.pageContent .bar{
	height:14px;line-height: 14px;
	overflow:hidden;float:left;
}
.pageContent .odd{
	background:#FD8E41;
}
.pageContent .even{
	background:#FFBB8B;
}
.tdCenter td{
	text-align:center;
}
.page4 h4{
	color:#f60;
}
.page4 h4 span{
	color:#333;font-size:16px;
}
.pdA5{
	padding:5px;
}
.bdBk{
	background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #cecece;
	padding:2% 3%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc;
}
.testGuide h2{
	color: #0a96d0;
	font-size:18px;
}
.testGuide p{
	text-indent:0;
}
.testGuide .goLink {
    background: none repeat scroll 0 0 #7ecefd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    padding: 3px 10px;
}
.testGuide .goLink:hover {
    background-color: #76c5f3;
    text-decoration: none;
    color:#fff;
}


@media screen and (max-width:660px){
	.page{
		width:96%;
		padding:5% 2%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.page1{
		background:url(../../Content/images/test/psytestbg600x740.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		height:700px;
		padding-top:0;padding-bottom:0;
	}
	.frontCover ul{
		padding-top:50px;
		height:50%;
		margin-left:15%;
	}
	.pageTop,.pageBottom{
		display:none;
	}
	.pageContent{
		padding:0;
	}
}
@media screen and (min-width:1280px){
	.psyTest{
		width:65%;
	}
}
@media screen and (min-width:1024px) and (max-width:1279px){
	.psyTest{
		width:70%;
	}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.psyTest{
		width:85%;
	}
}
@media screen and (min-width:768px){
	.evaluatContent ul{
		min-height:200px;height:auto !important;height:200px;
	}
}
@media screen and (max-width:767px){
	.psyTest{
		width:90%;
		margin-top:10px;
	}
	.testSubject h2{
		padding:5% 10%;
		font-size:20px;
	}
	.evaluatContent ul li label{
		padding:5px 0;
		font-size:18px;
	}
}
@media screen and (max-width:480px){
	.testGuide .title{
		font-size:24px;
	}
	.testSubject h2{
		font-size:18px;
	}
	.evaluatContent{
		padding:10% 5%;
	}
	.comfim .tips{
		margin-top:50%;
	}
}