.titlestyle238889{ line-height: 220%; color: #333333; font-size: 12pt; font-weight: bold; text-decoration: none;}
.summarystyle238889{ line-height: 150%; color: #222222; font-size: 9pt ;}

        * {
        margin:0;
        padding:0;}
         p{
            font-weight: 700;}
        .read-the-docs {
          color: #888;}
        .box_archives{
          width:100%;
          padding: 50px 0;
          color: #fff;
          font-size: 18px;
          background: url(2019/img/2024DA/6.png);}
        .student_box{
            float:left;
            overflow: hidden;
            display: inline-block;
            outline: none;}
         .student_box>div>a{
            cursor: pointer;}
        .student_box>div>a>div{
            position: relative;
            width:238px;
            height:120px;
            color:#fff;
            border:1px solid #ccc;
            padding-top: 42px;
            float: left;
            margin:0 4px 4px 0px ;
            box-sizing: border-box;
            z-index: 1;}
        .student_box>div>a>div>img,.
        _bottom>img,.
        _top>img{
            transform:scale(0.6);
            display: none;}
        .student_box>div>a>div>img{
             transform:scale(0.6);
            display: none;}
        .student_box>div{
            overflow: hidden;}
        .in_box{
            width: 238px;
            display: inline-block;
            height: 243px;
            border: 1px solid #ccc;
            vertical-align: top;
            box-sizing: border-box;
            float:left;
            -right: 4px;
            background: url(2019/img/2024DA/13.png) no-repeat center;
            background-size:100%;
            position: relative;
            z-index: 1;}
        .
        clone{
             background: url(2019/img/2024DA/dag_index_3_3.jpg) no-repeat center;}
        .in_box>a>div{
            height: 105px;
            /* line-height: 150px; */
            padding-top: 38px;
            box-sizing: border-box;
            cursor: pointer;
            color:#fff
        ;}
        p{
            
            : 0px;
            box-sizing: border-box;}
        .in_box,.student_box>div>a>div{}
        .student_box>div>a>div::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(39, 107, 156, 0.7);
            z-index: -1;}
        .in_box::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(39, 107, 156, 0.7);
            z-index: -1;}
        .in_boxclone::after{
             background-color: rgba(39, 107, 156, 0.7);}
        .student_box>div>a>div:hover{
            background-size: 120% !important;
            -webkit-transition: background-size .3s linear;
            transition: background-size .3s linear;
            box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);}
        .student_box>div>a>div:hover img{
            display: inline-block;}
        .in_box:hover{
            background-size: 120%;
            -webkit-transition: background-size .3s linear;
            transition: background-size .3s linear;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
        .
        
        
        
        
        :hover img{
            /* color: refd */
            display: inline-block;}
        .in_box_bottom:hover img{
            /* color: refd */
            display: inline-block;}