/*---------------Other Program------------------*/
           
           
        /*------ Admin Add Other program form--------------*/
        .p-form{
            background:#caeec2;
            
        }
        .p-form td{
            padding:25px;
            font-size:20px;
            
            
        }

        .p-form th{
            font-size:25px;
        }

        /*-----Admin Other program------*/
        
        .main{
    
    
            overflow:auto;
        }
        .Oth-program .p-img{
            width:300px;
            height:250px;
            
        }
        .Oth-program{
            float:left;
            margin:8px;
            text-align:center;
            margin-left:3.8%;
            
            
        }
        .main h4{
           
            line-height:60px;
            
        }
       
        .add-program .add-icon{
            font-size:110px;
            color:greenyellow;
        }
       
        .add-program{
            margin-top:8%;
            margin-left:5%;
        }

        /*------Admin Other program edit----*/
        .p-form-edit td{
            padding:20px;
        }
        .p-form-edit{
            background:#caeec2;
        }
        .img{
            width:150px;
        }
        .p-form-edit th{
            font-size:30px;
        }

        /* Other Program----*/
                        
                .p-collect .p-img{
                    width:100%;
                    height:250px;
                
                }
                
                .O-program .des a{
                text-decoration:none;
                    }

                .O-program{
                    position:relative;
                    overflow:auto;
                    
                }
                .O-program:hover.O-program .des .title{
                    animation-name: floating;
                    animation-duration: 3s;
                    animation-iteration-count: linear;
                    animation-timing-function: ease-in-out;
                }
                .O-program:hover{
                    transform:translatey(10px);;
                    transition:1s;
                    
                    
                }
                @keyframes floating {
                from { transform: translate(0,  0px); }
                65%  { transform: translate(25px, 0px); }
                to   { transform: translate(0, 0px); }    
                }
                .O-program .des{
                    position:absolute;
                    width:92.5%;
                    height:100%;
                    top:0;
                    text-align:left;
                    overflow:hidden;
                    background-image: linear-gradient(to left,rgba(0,0,0,0), rgba(0,0,0,0.8));
                    
                    letter-spacing:2px;
                    padding:7px;
                
                
                }
                .O-program .des:hover{
                    box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.5);
                    
                }
            .O-program .des .title{
                display:inline-block;
                margin-top:50%;
                font-weight:500;
                font-size:22px;
                border-top:2px solid #fff;
                border-bottom:2px solid #fff;
                

            }
            .O-program .des i{
                
                font-size:30px;
                color:#fff;
                float:right;
                    margin-top:60%
                
            }
            .p-box{
                margin-top:1.5%;
                
            }
        /*---Other-program-des--*/
        
            .detail p {
                padding-top: 10px;
                padding-bottom: 10px;
                /* text-indent:60px; */
                font-family:Geogria,serif;
                font-weight:200;
                font-size:19px;
            }
            .detail{
                text-align:justify;
        
            }
            .detail h2 {
                text-align:center;
                font-size:25px;
                font-variant:small-caps;
                font-weight:300;
                letter-spacing:5px;
                font-family:serif;
            }
            .detail img{
                width:100%;
                height: auto;
                margin-bottom:10px;
            }
            .cover-img{
                width:100%;
                height: auto;
                
            }
            .p-img{
                width:70px;
                height:60px;
            }
            .des-box{
                margin-top:11.5%;
            }
            .program-list hr{
                width:355px;
            }
            .program-list p{
            font-weight:400;
            font-size:20px;
            border-left:5px solid green;
            
            width:100%;
            line-height:50px;
            background:#f1f1f1;
            }
            .list{
                width:260px;
                
            }
            .program-list hr{
                width:100%;
            }