/*comm*/ 
 
.lev_tit{text-align:left;}
.lev_tit span{font-weight:bold;word-break: keep-all;}



.lev_box1 th,.lev_box1 td{ border:1px solid #201716}

.lev_box1 th{background-color:#201716; color:#fff; font-weight:400; text-align:center;}

.lev_box1 td{color:#201716; font-weight:300; background-color:#f6f6f6}


.lev_tit2{text-align:center; font-weight:bold; color:#201716; }


.lev_box2{}
.lev_box2 thead{background:linear-gradient(to right, #0068b7, #16a693)}
.lev_box2 th,.lev_box2 td{border:1px solid #dcdcdc;  text-align:center; border-top:0;}

.lev_box2 th{color:#fff;  font-weight:300;}

.lev_box2 td{color:#201716;  font-weight:300; background-color:#f6f6f6}


.lev_info td{font-weight:bold; background-color:#fff}
.lev1{color:#0068b7 !important}
.lev2{color:#0a83a7 !important}
.lev3{color:#12999b !important}
.lev4{color:#16a594 !important}



.mem_info>div{float:left;}
.mem_info h5{color:#201716; text-align:center; font-weight:400}

.mem_info p{text-align:center; color:#201716;  font-weight:300;}

.mem_info strong{font-weight:bold;}


.score>div{ background-color:#f6f6f6;} 

.sc1{width:100%;}
.sc2{ float:left;}


.mem_graph{position:relative;background-color:#f6f6f6;overflow: hidden;}

.mem_graph h5{position:absolute;left:0;width:100%;z-index: 10;}


.lev_graph{position:relative;background-color:#f6f6f6;}

 

 
.score_graph{width:100%;background-color:#f6f6f6;}

.score_graph h5{margin-bottom:0;}
.score_graph>div{position:relative;float:left;width:20%;overflow: hidden;}
.graph_wrap{position: relative;left: 50%;}

.graph_tit{position:absolute;z-index: 10;width: 100%;}

.gr1 strong{color:#e42a2a}
.gr2 strong{color:#329e58}
.gr3 strong{color:#0068b7}
.gr4 strong{color:#e6a417}
.gr5 strong{color:#a363cf}

.comment_table{position:relative;}

.comment_table::after{position:absolute; top:0; left:0;  width:100%; height:3px;background:linear-gradient(to right, #0068b7, #16a693); content:''}
.comment_table th{background-color:#f6f6f6;border-right:1px solid #dcdcdc;font-weight:bold;color:#201716}

.comment_table th,.comment_table td{ border-bottom:1px solid #dcdcdc}

.comment_table th strong{font-weight:bold;vertical-align: middle;position: relative;top: -3px;}


	
	
.comment_table ul{text-align:left;  }

.comment_table li{font-weight:500}
.comment_table li span{display:inline-block; vertical-align:middle;  color:#fff;   font-weight:300; text-align:center;  }


.comment_table td{font-weight:300; color:#201716; line-height:1.4em; word-break:keep-all}
.comment_table td a{display:block;color:#fff; }



@media (min-width:1358px){
#main_div{padding:100px 0; }
.sel_date{width:50%}
.lev_tit{margin:50px 0 30px;  }
.lev_tit span{font-size:50px;}
 
.lev_box1{margin-bottom:90px}
.lev_box1 th,.lev_box1 td{height:60px;}
.lev_box1 th{font-size:18px; }
.lev_box1 td{padding-left:25px;  font-size:18px; }

.lev_tit2{ font-size:30px; margin-bottom:20px}
.lev_box2 th,.lev_box2 td{height:60px;}
.lev_box2 th{ font-size:18px;}
.lev_box2 td{ font-size:18px;}

.mem_info{margin:50px 0 20px}
.mem_info h5{font-size:23px; margin-bottom:20px; }
.mem_info p{font-size:30px;}
.mem_info strong{font-size:50px; }

.score{width:408px;}
.score>div{padding:40px 0;} 
.sc1{ margin-bottom:20px;}
.sc2{width:194px;}
.sec{margin-right:20px;}

.mem_graph{width: 455px;padding: 40px 0 36px; margin: 0 20px;}
.mem_graph h5{top: 40px;}

.memlev{position:absolute;width:100%;z-index: 10;height:180px;bottom: 91px;}
#linechart1{position:relative;left: -12px;}
.memlev>div{width:70%;height:100%;border-right:2px solid #201716;float:left;}
.memlev>div>div{margin-left:98%;margin-top:15%;width:96px;height:42px;line-height:36px;color:#ffffff;background:url('/phone/images/pc/sub5_speech.png') no-repeat 50%; font-size:15px;text-align:center;}


.lev_graph{width: 440px;padding: 40px 0 69px;}
.lev_graph img{width:353px;}

.score_graph{margin:20px 0; padding: 40px 0 0;}

.graph_wrap{width:320px;height:320px;margin-left: -160px;}
.graph_tit{top:115px;}
.graph_tit h5{margin-bottom:10px}


.comment_table{margin-bottom: 50px;}
.comment_table th{height: 150px; font-size:23px;}
.comment_table th,.comment_table td{padding:25px 0;}
.comment_table th strong{font-size:60px;}
.comment_table th img{width:auto;}

.comment_table ul{padding-left:58px;  margin-top:10px}
.comment_table li{margin-bottom:5px; height:30px; line-height:30px; font-size:18px; }
.comment_table li span{width:85px; height:30px; line-height:30px; margin-right:10px;font-size:15px;  border-radius:15px;}
.comment_table td{padding-left:28px; font-size:18px;  }
.comment_table td a{margin-top:20px;width: 200px;height:50px;line-height: 50px; }
}
@media (min-width:650px) and (max-width:1357px){
#main_div{padding:7.5vw 0; }
.sel_date{width:50%}
.lev_tit{margin:4vw 0 2vw;  }
.lev_tit span{font-size:3vw;}

.lev_box1{margin-bottom:7vw}
.lev_box1 th,.lev_box1 td{height:4.5vw;}
.lev_box1 th{font-size:1.5vw; }
.lev_box1 td{padding-left:1.8vw;  font-size:1.5vw; }

.lev_tit2{ font-size:2vw; margin-bottom:2vw}
.lev_box2 th,.lev_box2 td{height:4.5vw;}
.lev_box2 th{ font-size:1.5vw;}
.lev_box2 td{ font-size:1.5vw;}

.mem_info{margin:4vw 0 2vw}
.mem_info h5{font-size: 1.9vw;margin-bottom: 1.5vw;}
.mem_info p{font-size:2vw;}
.mem_info strong{font-size:3vw; }

.score{width:30%;}
.score>div{padding: 2.7vw 0;} 
.sc1{ margin-bottom:1.5vw;}
.sc2{width: 48%;}
.sec{margin-right: 4%;}

.mem_graph{width: 33%;padding: 2.5vw 0 0;margin: 0 1.5%;}
.mem_graph h5{top: 40px;}
.memlev{position:absolute;width:100%;z-index: 10;height: 58%;bottom: 4.3vw;}
#linechart1{position:relative;left: -0.5vw;}
.memlev>div{width:70%;height:100%;border-right:2px solid #201716;float:left;}
.memlev>div>div{margin-left:98%;margin-top:15%;width:96px;height:42px;line-height:36px;color:#ffffff;background:url('/phone/images/pc/sub5_speech.png') no-repeat 50%; font-size:15px;text-align:center;}


.lev_graph{width: 34%;padding: 3vw 3vw 3.5vw;}
.lev_graph img{width:100%;}

.score_graph{margin:1.5vw 0; padding: 5vw 0 0;}

.graph_wrap{width:25vw;height:25vw;margin-left: -12.5vw;}
.graph_tit{top: 9.5vw;}
.graph_tit h5{margin-bottom:1vw}


.comment_table{margin-bottom: 5vw;}
.comment_table th{height: 11vw;font-size: 1.8vw;}
.comment_table th,.comment_table td{padding: 2vw 0;}
.comment_table th strong{font-size: 3.5vw;}
.comment_table th img{width:auto;}

.comment_table ul{padding-left: 2vw;margin-top: 1vw;}
.comment_table li{margin-bottom: 0.5vw;height: 2.3vw;line-height: 2.5vw;font-size: 1.5vw;}
.comment_table li span{width: 6.5vw;height: 2.3vw;line-height: 2.4vw;margin-right: 0.5vw;font-size: 1.2vw;border-radius: 1.15vw;}
.comment_table td{padding-left: 2vw;font-size: 1.5vw;}
.comment_table td a{margin-top: 1vw;width: 15vw;height: 4vw;line-height: 4vw;}
}
@media (max-width:649px){
#main_div{padding:9vw 0; }
.sel_date{width:50%}
.lev_tit{margin:5vw 0 3vw;  }
.lev_tit span{font-size: 7vw;display: block;}

.lev_box1{margin-bottom: 8vw;}
.lev_box1 th,.lev_box1 td{height:7vw;}
.lev_box1 th{font-size:2.7vw; }
.lev_box1 td{padding-left:2vw;  font-size:2.5vw; }

.lev_tit2{font-size:4vw;margin-bottom: 3vw;}
.tb2{width:100%; overflow-x:scroll;}
.tb2 table{width:150% !important;}
.lev_box2 th,.lev_box2 td{height:7vw;}
.lev_box2 th{font-size: 2.5vw;}
.lev_box2 td{font-size: 2.5vw;}

.mem_info{margin:4vw 0 2vw}
.mem_info h5{font-size: 3.5vw;margin-bottom: 2vw;}
.mem_info p{font-size: 3vw;}
.mem_info strong{font-size: 7vw;}

.score{width: 100%;margin-bottom: 2vw;}
.score>div{padding: 4vw 0;} 
.sc1{margin-bottom: 2vw;}
.sc2{width: 49%;}
.sec{margin-right: 2%;}

.mem_graph{width: 49%;padding: 0 0;margin-right: 2%;}
.mem_graph h5{top: 4vw;}
.memlev{position:absolute;width: 68%;z-index: 10;height: 61%;bottom: 19.3%;left: 20%;}
#linechart1{position:relative;left: -0.5vw;}
.memlev>div{width: 70%;height:100%;border-right:2px solid #201716;float:left;}
.memlev>div>div{margin-left: 74%;margin-top: 27%;width: 14vw;height: 5.1vw;line-height: 5.5vw;color:#ffffff;background: url('/phone/images/pc/sub5_speech.png') no-repeat 50% 0;font-size: 2.7vw;text-align:center;background-size: 100%;}


.lev_graph{width: 49%;padding: 4vw 3vw 10vw;}
.lev_graph h5{margin-bottom:4vw;}
.lev_graph img{width:100%;}

.score_graph{margin:1.5vw 0; padding: 5vw 0 0;}
.score_graph{
    text-align: center;
}
.score_graph>div{display:inline-block;float: initial;width: 32%;}
.gr4,.gr5{margin-top: -8vw;}
.graph_wrap{width: 40vw;height: 40vw;margin-left: -19.5vw;}
.graph_tit{top: 14vw;}
.graph_tit h5{margin-bottom:1vw}


.comment_table{margin-bottom: 5vw;}
.comment_table th{height: 16vw;font-size: 3.5vw;}
.comment_table th,.comment_table td{padding: 4vw 0;}
.comment_table th strong{font-size: 8vw;}
.comment_table th img{width: 80%;}

.comment_table ul{margin-top: 3vw;}
.comment_table li{margin-bottom: 2vw;font-size: 3vw;text-align: center;}
.comment_table li span{display: block;width: 10vw;height: 3.5vw;line-height: 3.5vw;font-size: 2.5vw;border-radius: 1.7vw;margin: 0 auto 0.5vw;}
.comment_table td{padding-left: 2vw;font-size: 3vw;}
.comment_table td a{margin-top: 2vw;width: 29vw;height: 9vw;line-height: 9vw;}
}