#diagnosisResult{
    width:100%;
    
}


#diagnosisResult .diagnosisResultArea{
    width:100%;
}

#diagnosisResult .diagnosisResultArea{
    width:100%;
    padding:30px 0px;
}


#diagnosisResult .diagnosisResultArea .BeforeSubmit{
   text-align:center;
   font-size:18px;
   color:#222;
}

#diagnosisResult .diagnosisResultArea .BeforeSubmit span{
   text-align:center;
   font-size:13px;
   color:#999;
   word-break:keep-all;
}




#diagnosisResult .diagnosisResultButtonArea{
	width:100%;
	text-align:center;
}

#diagnosisResult .diagnosisResultButtonArea h2{
	font-size:14px;
	text-align:center;
	margin-bottom:10px;
}


#diagnosisResult .diagnosisResultButtonArea div{
	width:94%;
	margin:5px auto 0;
}

#diagnosisResult .diagnosisResultButtonArea div .w100{
	width:100%;
	border:1px solid #e5e5e5;
	background:#fff;
	padding:10px;
	box-sizing:border-box;
}

#diagnosisResult .diagnosisResultButtonArea div .diagnosis_submit_btn{
	width:100%;
	background:#1c223e;
	border:0;
	color:#fff;
	padding:15px 0px;
}





#diagnosisResult .result .diagnosisResultArea{
	padding:30px 0px;
}




.diagnosisResultArea .diagnosisResultTitle{
	width:100%;
	text-align:Center;
	font-size:18px;
	color:#222;
	font-weight:bold;
}



.diagnosisResultArea .diagnosisResultDetail{
	width:500px;
	margin:0 auto;
	/*display:none;*/
}


.diagnosisResultArea .diagnosisResultDetail li{
	width:100%;
	padding:10px 0px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
}


.diagnosisResultArea .diagnosisResultDetail li .detailLeft{
	display:inline-block;
	font-size:16px;
}


.diagnosisResultArea .diagnosisResultDetail li .detailRight{
	display:inline-block;
	font-size:16px;
	float:right;
}

.diagnosisResultArea .graphArea{
	width:100%;
	text-align:center;
}


.diagnosisResultArea .graphArea .diagnosisResultGraph{
	width:100%;
	text-align:center;
}

.diagnosisResultArea .graphArea .diagnosisResultGraph .diagnosisResultGraphLeft{
	width:45%;
	display:inline-block;
	
	vertical-align:middle;
}


.diagnosisResultArea .graphArea .diagnosisResultGraph .diagnosisResultGraphLeft .chart{
	width:150px;
	margin:0 auto;
	position:relative;
}

.diagnosisResultArea .graphArea .diagnosisResultGraph .diagnosisResultGraphLeft .chart canvas{
	width:100%;
}

.diagnosisResultArea .graphArea .diagnosisResultGraph .diagnosisResultGraphLeft .chartRate{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.diagnosisResultArea .graphArea .diagnosisResultGraph .diagnosisResultGraphRight{
	width:49%;
	display:inline-block;
	position:relative;
	vertical-align:middle;
}


.diagnosisResultArea .graphArea .diagnosisResultGraph .diagnosisResultGraphRight .cirCont{
	width:150px;
	height:150px;
	background:#19154e;
	border-radius:100%;
	margin:0 auto;
	position:Relative;
}

.diagnosisResultArea .graphArea .diagnosisResultGraph .diagnosisResultGraphRight .cirCont .subject{
	font-size:14px;
	text-align:center;
	color:#fff;
	line-height:150px;
	word-break:keep-all;
}


/*
.diagnosisResultArea{
    width:100%;
    position:Relative;
    background:pink
}
.diagnosisResultContainer{
    width: 500px;
    margin: 0 auto;
    text-align: center;
    position:Relative;
}
.diagnosisResultContainer > .diagnosisResultGraph{
    width: 500px;
    height: 315px;
    margin: 0 auto;
    text-align: center;
}
.diagnosisResultContainer > .diagnosisResultGraph > div{
    float: left;
}
.diagnosisResultContainer > .diagnosisResultGraph > div:last-child{
    float: unset;
    clear:both;
}
.diagnosisResultContainer > .diagnosisResultGraph > .diagnosisResultGraphLeft {
    position: relative;
    width: 250px;
    margin-right: 25px;
    margin-top: 30px;
}
.diagnosisResultContainer > .diagnosisResultGraph > .diagnosisResultGraphRight {
    width: 170px;
    height: 170px;
    position: relative;
    border-radius: 100%;
    background: #828286;
    margin-top: 50px;
    line-height: 170px;
}
.diagnosisResultContainer > .diagnosisResultGraph > .diagnosisResultTitle{
    width: 500px;
    margin: 0 auto;
    text-align: center;
    font-size: 40px;
}
.diagnosisResultContainer > .diagnosisResultGraph .chartRate{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.diagnosisResultContainer > .diagnosisResultGraph .chartRate>b{
    font-size: 40px;
}
.diagnosisResultContainer > .diagnosisResultGraph .chartRate>span{
    font-size: 22px;
}
.diagnosisResultContainer > .diagnosisResultGraph .chartRate>div{
    font-size: 15px;
    margin-left: 16px;
}

.diagnosisResultContainer > .diagnosisResultDetail{
    width:100%;
    
}
.diagnosisResultContainer > .diagnosisResultDetail>div{
    clear: both;
    line-height: 27px;
    border-bottom: 1px solid #000;
    height: 30px;
}
.diagnosisResultContainer > .diagnosisResultDetail>div>.detailLeft{
    float:left;
    margin-left: 25px;
    font-size: 15px;
}
.diagnosisResultContainer > .diagnosisResultDetail>div>.detailRight{
    float:right;
    margin-right: 25px;
    font-size: 15px;
}


.diagnosisResultButtonArea{
}
.diagnosisResultButtonArea > .diagnosisResultButtonContainer{
    width: 500px;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    font-size: 15px;
}
.diagnosisResultButtonArea > .diagnosisResultButtonContainer > h2{
    margin-bottom: 15px;
}
.diagnosisResultButtonArea > .diagnosisResultButtonContainer > div{
    margin-top:5px;
}
.diagnosisResultButtonArea > .diagnosisResultButtonContainer > div > input{
    text-align: center;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding:10px;
}
.diagnosisResultButtonArea > .diagnosisResultButtonContainer .diagnosis_submit_btn{
    margin-top: 21px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #1c223e;
    background-color: #1c223e;
    color:white;
}

.diagnosisResultButtonArea > .diagnosisResultButtonContainer .diagnosis_submit_success_btn{
    margin-top: 21px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #00000033;
    background-color: #00000033;
    color:white;
}


.diagnosisResultArea > .BeforeSubmit{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size:18px;
}

.diagnosisResultArea > .BeforeSubmit span{
   color:#777;
    font-size:13px;
}

.diagnosisEnd .reset{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 150px;
    display: inline-block;
    background: #e5e5e585;
    border: 1px solid #1c223e;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    text-align: center;
    padding: 10px 0px;
}
.diagnosisEnd .reset > .ico{
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}
.diagnosisEnd .reset > .text{
    font-size: 16px;
    color: #222;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

*/