/*section-lecture1-----------------------
----------------------------------------*/
.section-lecture1{
    margin-left: 2.5rem;
    position: relative;
    z-index:1;

}
.col-lecture1__R{
    background-color:transparent;
    margin-top: 2.5rem;
    color:#000000
   
}
.col-lecture1__L{
    padding-right: 2.5rem;
}
.box-tag{
    background-color: var(--sub-color);   
    width: 50px;
    height:30px;
    transform: skewX(-30deg);
    border-radius: 50%;
    text-align: center;
}
.box-tag div{ transform: skewX(30deg);font-size:0.9rem; color: var(--bs-body-bg);padding-top: 5px;padding-bottom: 5px;}
.list-info{
    color: var(--sub-color);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.list-info li{
    padding-left: 30px;
    position: relative;
    font-family: "NotoSansTCBold", serif;
}
.list-info li:before {
    font-family:"Font Awesome 6 Free";
    font-weight: 900; 
    left:0;
    position:absolute;
    top:0;
     }
.list-info li.time:before{content: "\f017";}
.list-info li.mem:before{content: "\f007";}
.box-note{
    padding: 0rem;
    font-size: 1.1rem;
}
.box-note span{
    font-weight: bolder;
}
.box-place{
    margin-top: 1rem;
    font-size: 1.3rem;
    font-weight: bolder;
    text-align: left;   
}

@media screen and (min-width: 768px) {
    .box-note{
        padding: 5rem 2.5rem;
        font-size: 1.1rem;
    }
    .box-place{
        margin-top: 10rem;
        text-align: center;   
    }
    .box-place:before{
        content:"";
        background-image: url(../img/all/arrow-place1.svg);
        width:50px;
        height: 50px;
        background-size:contain ;
        display: block;
        margin-left: 0%;
    }
    .box-place:after{
        content:"";
        background-image: url(../img/all/arrow-place2.svg);
        width:50px;
        height: 50px;
        background-size:contain ;
        display: block;
        margin-left: auto;
        margin-right: 0%;
    }
     
.section-lecture1{
    margin-left: 5rem;
}
.col-lecture1__L{
    padding-right: 5rem;
}
.col-lecture1__R{
    background-color: var(--sub-color);
    margin-top: -4.9rem;
   
}

}
@media screen and (min-width: 1024px) {
    .section-lecture1{
        margin-left: 10rem;
    }
    .col-lecture1__L{
        padding-right: 10rem;
    }
    
    }