#sidebar{float:right;margin-left:3%;margin-top:10px;width:27%}#sidebar .title{background:#a40202;color:#fff;font-size:16px;font-weight:700;padding:10px 20px;text-align:center;text-transform:uppercase}#sidebar .search{float:left;margin-bottom:15px;position:relative;width:100%}#sidebar .search input{height:30px;letter-spacing:1.5px;padding-left:10px;width:96%}#sidebar .search svg{color:#ccc;cursor:pointer;font-size:23px;position:absolute;right:10px;top:8px}#sidebar .search svg path{fill:#ccc}#sidebar li{align-items:flex-start;display:flex;margin:15px 0}#sidebar li .image{border:1px solid #dedede;border-radius:8px;box-sizing:border-box;display:inline-block;position:relative;width:40%}#sidebar li .image img{border-radius:8px;display:block;margin:auto;max-width:90%}#sidebar li .name{margin-left:3%;width:57%}#sidebar ul.course li{border-bottom:1px solid #dedede;float:left;margin:0;padding:10px 0;width:100%}#sidebar ul.course li a{float:left;font-weight:700;padding-left:18px}#sidebar ul.course li .name{width:100%}.category .content{display:inline-block;margin-top:10px;width:70%}.category .content h1{border-bottom:1px solid #a40202;color:#a40202;font-size:18px;font-weight:500;padding-bottom:5px;text-transform:uppercase}.category article{clear:both;height:175px;margin-top:10px}.category article .image{border:1px solid #dedede;border-radius:15px;box-sizing:border-box;display:inline-block;height:170px;position:relative;width:31%}.category article .image img{border-radius:15px;bottom:0;height:160px;left:0;margin:auto;position:absolute;right:0;top:0;width:240px}.category article .infomation{float:right;margin-left:3%;width:66%}.category article .infomation h3{font-size:20px;font-weight:500;line-height:24px;padding:5px 0 10px}.category article .infomation i.fa.fa-calendar{font-size:16px;margin-right:5px}.category article .infomation .intro{line-height:21px;padding:5px 0 10px}.category article .infomation li{display:inline}.category article .infomation i{font-size:30px;margin-right:10px}#body.feel_student h1{border-bottom:1px dotted #c5c1c1;color:#363636;font-size:20px;font-weight:400;line-height:50px;margin-bottom:10px;padding-bottom:5px;text-align:center;text-transform:uppercase}#body.feel_student article{border-bottom:1px dotted #c5c1c1;float:left;height:180px;padding-bottom:10px;width:100%}#body.feel_student article .image{float:left;height:140px;width:18%}#body.feel_student article .image img{height:135px;width:90%}#body.feel_student article .info{float:left;margin-left:3%;margin-top:10px;width:77%}#body.feel_student article .info h3 p{color:#363636;display:inline;font-weight:400}#body.feel_student article .info .display-more a{color:#ae1f2b;float:right;font-size:16px}#body.feel_student article .info h3{color:#363636;color:18px;line-height:25px}#body.feel_student article .info h3 span a{color:#ae1f2b}#body.feel_student article .info p{line-height:25px}#body.content-student #sidebar,#body.content-student .content{margin-top:30px}#body.content-student .top{float:left;width:100%}#body.content-student .top .image{border:1px solid #ae1f2b;float:left;height:400px;margin:0 auto;padding:3px;position:relative;width:45%}#body.content-student .top .image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}#body.content-student .top .info{float:left;margin-left:4%;width:50%}#body.content-student .top .info h3{border-bottom:1px dotted #ccc;color:#363636;padding:10px 0}#body.content-student .top .info span{color:#363636;font-weight:400}#body.content-student .top .info p{color:#363636;display:inline;font-weight:400;line-height:25px}#body.content-student .bottom{float:left;padding-top:20px;width:100%}#body.content-student .bottom h3{color:#363636;font-size:20px;font-weight:400;line-height:50px;text-align:center;text-transform:uppercase}