.all{
    width :100%;
    height :100%;
}
.top{
    width :100%;
    height :15%;
    float:left;
}
.title{
    width :80%;
    height :10%;
    float:left;
}
.title img{
    height: 80px;
    width : auto;
    margin-left : 20px;
    float:left;
}
.title img:hover{
    opacity:0.6;
}
#btn_area{
    width:20%;
    height :15%;
    float:left;
    vertical-align: middle;
}
#start{
    border: 1px solid #4e73df; 
    background-color: #4e73df; 
    line-height: 1;
    font-size: 17px;
    width: 150px;
    height :40px;
    padding:10px 15px;
    display: block;
    box-sizing: border-box;
    border-radius: 60px;
    color: white;
    font-weight: 100;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
    margin-top: -5px;
}
#next{
    border: 1px solid #4e73df; 
    background-color: #4e73df; 
    line-height: 1;
    font-size: 14px;
    width: 150px;
    height :40px;
    padding:10px 15px;
    display: block;
    box-sizing: border-box;
    border-radius: 60px;
    color: white;
    font-weight: 100;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
    visibility: hidden;
    margin-top: -5px;
}
#start:hover{
    background-color: white;
    color: #4e73df;
}
p.float_left{
    float:left;
}
.chart_cont{
    position:absolute;
    height:79%;
    width:27%;
    left : 3%;
    bottom :5%;
    float:left;
    border:2px solid #4e73df;
}
.chart-container{
    position: relative;
    height:600px;
    width:280px;
}
#content{
    width :65%;
    height :79%;
    position: absolute;
    right : 3%;
    bottom:5%;
    overflow-y: auto;
    float:left;
    border:2px solid #4e73df;
}
.photo {
	width: 300px;
    height: 220px;
    margin : 5px;
    float:left;
    border:1px dashed #4e73df;
}
.p_title{
    width: 300px;
    height: 20px;
    float:left;
    text-align: center;
}
.p_title p{
    font-size : 13px;
    color: black;
    font-weight: bold;
    margin-top: -0.5px;
}
.image{
    height : 200px;
    width : 200px;
    text-align: center;
    float:left;
}
.image img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.keyword{
    width :99%;
    height: 15%;
    float:left;
    text-align: center;
}
.k_content{
    width :99%;
    height: 85%;
    float:left;
    text-align: center;
    overflow-y: auto;
}
.keyword_photo{
    float:left;
    border:1px dashed #4e73df;
    height : 200px;
    width : 200px;
    text-align: center;
    margin : 10px;
}
.keyword_photo img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.labels{
    width :100px;
    height : 200px;
    float :left;
    vertical-align: middle;
}
.labels p{
    font-size : 10px;
    margin-top: -0.2px;
    margin-bottom: -0.2px;
    margin-left :2px;
    color: navy;
}