#phone{
display:none;
}

.name{
display:block;
background:rgba(0,0,0,0.5);
font-size:35px;
font-weight:700;
padding:10px 0 10px 0;
color:white;
margin-bottom:50px;
}

.sub-img img{
width:80px;
height:70px;
}

#subarea0{
position:relative;
overflow:scroll;
white-space:nowrap;
}

#subarea0::-webkit-scrollbar{
    display:none;
}

.sub-img{
margin:0 auto;
width:410px;
height:220px;
overflow:hidden;
transition:1s;
}

.slide img{
top:0px; 
left:0px; 
transition:1s;
height:auto;
width:410px;
}

.slide{
transition-duration:0.3s;
position:relative;
width:410px;
height:445px;
margin:0 auto;
}

#subarea1{
position:absolute; 
top:0px; 
left:121px;
}

#subarea2{
position:absolute; 
top:0px; 
left:121px;
}

.prof{
width:940px;
}

.box{
border-left:solid 3px blue;
padding-left:3px;
font-size:25px;
font-weight:700px;
}


.subimg0{
opacity:1;
}

.subimg1{
opacity:0.5;
}

.subimg2{
opacity:0.5;
}

.subimg3{
opacity:0.5;
}

.subimg4{
opacity:0.5;
}

.subimg5{
opacity:0.5;
}

.subimg6{
opacity:0.5;
}

.subimg7{
opacity:0.5;
}

.subimg8{
opacity:0.5;
}

.subimg9{
opacity:0.5;
}

.subimg10{
opacity:0.5;
}

.subimg11{
opacity:0.5;
}

.subimg12{
opacity:0.5;
}

.subimg13{
opacity:0.5;
}

.subimg14{
opacity:0.5;
}

.subimg15{
opacity:0.5;
}

.subimg16{
opacity:0.5;
}

.subimg17{
opacity:0.5;
}

.subimg18{
opacity:0.5;
}

.subimg19{
opacity:0.5;
}

.subimg20{
opacity:0.5;
}

.subimg21{
opacity:0.5;
}

.subimg22{
opacity:0.5;
}

.subimg23{
opacity:0.5;
}

.subimg24{
opacity:0.5;
}







.subimg0:hover{
opacity:1 ! important;
}

.subimg1:hover{
opacity:1 ! important;
}

.subimg2:hover{
opacity:1 ! important;
}

.subimg3:hover{
opacity:1 ! important;
}

.subimg4:hover{
opacity:1 ! important;
}

.subimg5:hover{
opacity:1 ! important;
}

.subimg6:hover{
opacity:1 ! important;
}

.subimg7:hover{
opacity:1 ! important;
}

.subimg8:hover{
opacity:1 ! important;
}

.subimg9:hover{
opacity:1 ! important;
}

.subimg10:hover{
opacity:1 ! important;
}

.subimg11:hover{
opacity:1 ! important;
}

.subimg12:hover{
opacity:1 ! important;
}

.subimg13:hover{
opacity:1 ! important;
}

.subimg14:hover{
opacity:1 ! important;
}

.subimg15:hover{
opacity:1 ! important;
}

.subimg16:hover{
opacity:1 ! important;
}

.subimg17:hover{
opacity:1 ! important;
}

.subimg18:hover{
opacity:1 ! important;
}

.subimg19:hover{
opacity:1 ! important;
}

.subimg20:hover{
opacity:1 ! important;
}

.subimg21:hover{
opacity:1 ! important;
}

.subimg22:hover{
opacity:1 ! important;
}

.subimg23:hover{
opacity:1 ! important;
}

.subimg24:hover{
opacity:1 ! important;
}

.selectint0:hover{
opacity:1 ! important;
}

.selectint1{
opacity:0.5;
}

.selectint1:hover{
opacity:1 ! important;
}

.selectint2{
opacity:0.5;
}

.selectint2:hover{
opacity:1 ! important;
}

.selectdiv{
position:relative;
}

.selectdiv span{
color:blue;
}