/*===========================================
program
===========================================*/
#programHeader{
    position:relative;
    text-align:center;
}
    #dayTabs{
        position:absolute; top:0; right:0;
        border-bottom:2px solid rgba(0,0,0,.1);
        white-space:nowrap;
    }
        #dayTabs .tab{
            display:inline-block;
            color:#666;
            text-align:center;
            padding:5px 20px;
            margin:0 5px;
            position:relative;
        }
        #dayTabs .tab:focus,
        #dayTabs .tab:hover{
            color:var(--hover-color);
        }
        #dayTabs .active{
            color:var(--primary-color);
            font-weight:700;
            cursor:default;
        }
            #dayTabs .active::before{
                content:"";
                display:inline-block;
                border-bottom:4px solid var(--primary-color);
                position:absolute; left:0; bottom:-3px;
                width:100%;
            }
    #programHeader .partTitle{
        text-align:left;
    }
        #programHeader .partTitle .week{
            color:#666;
            font-size:.875rem; font-weight:400;
        }
@media screen and (max-width:992px){
    #dayTabs{
        display:inline-block;
        position:static;
        text-align:center;
        margin:0 auto 30px;
    }
}
@media screen and (max-width:576px){
    #dayTabs .tab{
        padding:5px 10px;
    }
}

/*-------------------------------------------
program
-------------------------------------------*/
#program{
    /* display:none; */
}
.programWrapper{
    position:relative;
    margin-top:25px;
}
    .stickyThead{
        display:none;
    }
    .programTable{
        background-color:#fff;
        border-collapse:separate;
        border-spacing:0;
    }
        .programTable thead{
            position:sticky; top:100px; z-index:5;
        }
        .programTable thead th,
        .programTable thead td{
            color:#000;
            font-size:.875rem; font-weight:700;
            line-height:1.2;
            letter-spacing:0;
            text-align:center;
            border-bottom:2px solid #aaa;
            background-color:#f1f1f1;
            padding:5px;
        }
        .programTable thead td{
            border-left:1px solid #e1e1e1;
        }
            .programTable thead td strong{
                display:block;
                color:var(--primary-color);
                font-size:1.25rem; 
            }
        /* Table tbody */
        .programTable tbody th,
        .programTable tbody td{
            position:relative;
            padding:10px 5px;
            letter-spacing:0;
            text-align:center;
        }
        .programTable tbody th{
            color:#333;
            letter-spacing:0;
            background-color:#f5f5f5;
            /* border-right:1px solid #ccc; */
            border-bottom:1px solid #ccc;
            letter-spacing:0;
            position:sticky; left:0; z-index:3;
            box-shadow:1px 0 0 #ccc;
        }
            .programTable tbody th i{
                padding:0 3px;
            }
        .programTable tbody td{
            position:relative;
            color:#000;
            font-size:.875rem; font-weight:400;
            line-height:1.3;
            text-shadow:0 .5px .5px rgba(0,0,0,.05);
            border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1;
            vertical-align:top;
        }
        .day1 .programTable tbody td{
            padding:30px 5px;
        }
        .programTable tbody tr td:hover{
            background-color:rgba(var(--secondary-rgb),.1);
        }
        .programTable tbody td.empty,
        .programTable tbody td.empty:hover{
            background-color:#f7f7f7;
        }
            .programTable tbody td > div{
                padding-bottom:45px;
            }
            .day1 .programTable tbody td > div{
                padding-bottom:0;
            }
            .programTable tbody td > div.chairmanLecture,
            .programTable tbody td > div.keynoteLecture{
                padding-bottom:0;
            }
            .programTable tbody a{
                display:block;
            }
            .programTable tbody a:focus,
            .programTable tbody a:hover{
                color:var(--primary-color);
            }
                .programTable tbody a::before{
                    content:"";
                    display:block;
                    height:20px;
                    background:url(../images/icon_program-view.svg) no-repeat 50% 0;
                    background-size:contain;
                    opacity:.65;
                }
                .programTable tbody h3{
                    display:inline;
                }
                .programTable tbody .name{
                    display:block;
                    color:var(--primary-color);
                    font-size:.875rem; font-weight:700;
                    margin-top:8px;
                }
                .programTable tbody .session{
                    display:block;
                    font-size:.875rem; font-weight:700;
                    margin-top:8px;
                }
                .programTable tbody .guideline .session{
                    padding-left:1.4rem;
                    text-indent:-1.4rem;
                    text-align:left;
                }
                .programTable tbody .society{
                    color:brown;
                    margin-top:5px;
                }
                    .programTable tbody .society .text{
                        text-indent:0;
                        position:absolute; bottom:0; left:0; right:0;
                        padding:5px;
                        text-align:left;
                    }
                .programTable tbody .sponsor{
                    margin-top:5px;
                }
                .programTable tbody .centerVertically{
                    position:absolute; top:0; left:0; right:0; bottom:0;
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                    justify-content:center;
                    padding:5px;
                }
                    .programTable tbody .centerVertically strong{
                        margin:8px 0;
                    }
.updated{
    color:#777;
    font-size:.75rem;
    padding-top:5px;
    text-align:right;
}
@media screen and (max-width:1024px){
    .programTable tbody th{
        font-size:.875rem;
    }
}
@media screen and (max-width:992px){
    #program section{
        width:calc(100% + 20px);
    }
    #program.day1 section{
        width:100%;
    }
        .programWrapper{
            overflow-x:auto;
            overflow-y:hidden;
            margin-top:5px;
            padding:0; padding-right:20px;
        }
            .programWrapper::before,
            .programWrapper::after{
                content:"* you can left or right swipe program.";
                display:block;
                color:#C60;
                font-size:.75rem;
                position:sticky; left:0;
            }
            /*--- Finger Swipe ---*/
            .fingerIcon{
                position:sticky; left:0; right:0; z-index:51;
                height:0;
            }
            .fingerSwipe{
                display:block;
                position:absolute; z-index:10;
                transform:translate(5px, 18px);
            }
                .fingerSwipe::before,
                .fingerSwipe::after{
                    content:"";
                    display:inline-block;
                    background-position:50% 50%;
                    background-repeat:no-repeat;
                    background-size:18px 18px;
                    width:18px;
                    height:18px;
                    opacity:.8;
                }
                .fingerSwipe::before{
                    background-image:url(../images/icon_arrow_back.svg);
                }
                .fingerSwipe::after{
                    background-image:url(../images/icon_arrow_forward.svg);
                    margin-left:2px;
                }
                .fingerSwipe i{
                    display:inline-block;
                    width:10px; height:30px;
                    border-radius:40%;
                    background-color:#333;
                    position:absolute; left:68%; z-index:1;
                    transform:rotate(-30deg) scale(0.6);
                    -webkit-animation-duration:1.2s;animation-duration:1.2s;
                    -webkit-animation-fill-mode:both;animation-fill-mode:both;
                    -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;
                    -webkit-animation-timing-function:ease;animation-timing-function:ease;
                    -webkit-animation-name:scrollFloat;animation-name:scrollFloat;
                }
                    .fingerSwipe i::before,
                    .fingerSwipe i::after{
                        content:"";
                        display:inline-block;
                        background-color:#333;
                        position:absolute;
                    }
                    .fingerSwipe i::before{
                        width:28px; height:32px;
                        top:20px; left:-4px;
                        border-radius:15px;
                    }
                    .fingerSwipe i::after{
                        width:12px; height:28px;
                        top:20px; left:-10px;
                        border-radius:45%;
                        transform:rotate(-40deg);
                    }
            @-webkit-keyframes scrollFloat{
                0%,100%{left:12px;}
                50%{left:20px;}
            }
            @keyframes scrollFloat{
                0%,100%{left:12px;}
                50%{left:20px;}
            }
            .stickyThead.fixed{
                display:block;
                position:fixed; top:58px; left:0px; z-index:50;
                margin-left:20px;
            }
                .stickyThead.fixed::before{
                    content:"";
                    display:block;
                    background-color:#fff;
                    position:fixed; left:0; width:20px; height:47px;
                    pointer-events:none;
                }
                .programTable{
                    /* width:1280px; */
                    width:1024px;
                }
                .programTable.programDay1{
                    width:100%;
                }
                    .programTable thead{
                        position:initial;
                    }
                    .programTable tbody th{
                        font-size:.875rem;
                        white-space:nowrap;
                        padding:0;
                    }
}
@media screen and (max-width:768px){
    .programTable tbody th,
    .programTable tbody td{
        padding:10px 5px;
    }
}
@media screen and (max-width:576px){
    #program section{
        width:calc(100% + 15px);
    }
        .programWrapper{
            padding-right:15px;
        }
    .stickyThead.fixed{
        margin-left:15px;
    }
        .stickyThead.fixed::before{
            width:15px;
        }
        .programTable{
            width:1200px;
            table-layout:fixed;
        }
        .programTable thead th{
            width:55px;
        }
        .programTable thead td{
            width:19%;
        }
        .day2 .programTable thead td,
        .day3 .programTable thead td{
            /* width:12.85%; */
            width:45vw;
        }
        .programDay1 thead td{
            width:auto;
        }
        .programTable tbody th i{
            display:block;
            position:relative;
            font-style:normal;
            line-height:12px;
            transform:rotate(90deg);
        }
        .programTable tbody th .stickyTime i{
            top:16px;
            font-size:1.2rem;
        }
            .programTable tbody a::before{
                
            }
}

/*-------------------------------------------
Society Logo (2021/08/04 新增)
-------------------------------------------*/
.PostgraduateCourse a{
    /* padding-bottom:30px;
    background:url(../images/s_logo_youtube_live.png) center bottom no-repeat;
    background-size:40px auto; */
}
.society{
    min-height:45px;
    overflow:hidden;
    text-indent:-99999em;
    position:absolute; top:0; left:0; right:0; bottom:0;
    margin:0 !important;
}
.youtubeLive{
    min-height:45px;
    /* background:url(../images/s_logo_youtube_live.png) right 5px bottom 10px no-repeat; */
    background-size:40px auto;
    position:absolute; top:0; left:0; right:0; bottom:0;
    margin:0 !important;
}
    .society::before{
        content:"";
        display:block;
        background-position:left 5px bottom 5px;
        background-repeat:no-repeat;
        background-size:auto 40px;
        position:absolute; left:0; bottom:0;
        width:100%;
        height:45px;
    }
    .society.GEST::before{
        background-image:url(../images/s_logo_gest.png);
    }
    .society.DEST::before{
        background-image:url(../images/s_logo_dest.png);
    }
    .society.TMC::before{
        background-image:url(../images/s_logo_tmc.png);
    }
    .society.TPS::before{
        background-image:url(../images/s_logo_tps.png);
    }
    .society.TASID::before,
    .society.TASSID::before{
        background-image:url(../images/s_logo_tasid.png);
    }
    .society.TASL::before{
        background-image:url(../images/s_logo_tasl.png);
    }
    .society.TNMS::before{
        background-image:url(../images/s_logo_tnms.png);
    }
    .society.TLCA::before{
        background-image:url(../images/s_logo_tlca.png);
    }
    .society.TSIR::before{
        background-image:url(../images/s_logo_tsir.png?v=20240711);
    }
    .society.TSPGHAN::before{
        background-image:url(../images/s_logo_tspghan.png);
    }
    .society.TSSG::before{
        background-image:url(../images/s_logo_tssg.png);
    }
    .society.Chii-Wann_Lin::before{
        background-image:url(../images/s_logo_itri.png);
    }
    .society.J-L-Sung::before{
        background-image:url(../images/s_logo_J-L-Sung.jpg);
    }
    .society.T-H-Wang::before{
        background-image:url(../images/s_logo_T-H-Wang.jpg);
    }
    .society.GEST-KASID::before{
        background-image:url(../images/s_logo_gest.png), 
                         url(../images/s_logo_gest-kasid.png);
        background-position:left bottom 5px, left 45px bottom 5px;
    }
    .society.DEST-GEST::before{
        background-image:url(../images/s_logo_dest.png), 
                         url(../images/s_logo_gest.png);
        background-position:left bottom 5px, left 45px bottom 5px;
    }
    .society.GEST-TASL-DEST::before{
        background-image:url(../images/s_logo_gest.png),
                         url(../images/s_logo_tasl.png),
                         url(../images/s_logo_dest.png);
        background-position:left bottom 5px, left 42px bottom 5px, left 84px bottom 5px;
    }
    .society.TSSG-TPS::before{
        background-image:url(../images/s_logo_tssg.png),
                         url(../images/s_logo_tps.png);
        background-position:left bottom 5px, left 42px bottom 5px;
    }
 
/*-------------------------------------------
Sponsor Logo (2021/08/18 新增)
-------------------------------------------*/   
.sponsor{
    
}
    .sponsor::before{
        content:"";
        display:block;
        background-position:left 5px bottom 5px;
        background-repeat:no-repeat;
        background-size:auto 40px;
        position:absolute; left:0; bottom:0;
        width:100%;
        height:45px;
    }
    .sponsor.Olympus::before{
        background-image:url(../images/sponsors/YuanYu.png);
    }
    .sponsor.YuanYu::before{
        background-image:url(../images/sponsors/YuanYu.png);
    }
    .sponsor.Gilead::before{
        background-image:url(../images/sponsors/gilead.png);
    }
    .sponsor.Menarini::before{
        background-image:url(../images/sponsors/menariniapac.png);
    }
    .sponsor.T-ACE::before{
        background-image:url(../images/sponsors/T-ACE.png);
    }
    .sponsor.BMS::before{
        background-image:url(../images/sponsors/bms.png);
    }
    .sponsor.Takeda::before{
        background-image:url(../images/sponsors/takeda.png);
    }
    .sponsor.Roche::before{
        background-image:url(../images/sponsors/roche.png);
    }
    .sponsor.AZ::before{
        background-image:url(../images/sponsors/az.png);
    }
    .sponsor.aetherAI::before{
        background-image:url(../images/sponsors/aetherAI.png);
    }
    .sponsor.BMS-ONO::before{
        background-image:url(../images/sponsors/bms.png),
                         url(../images/sponsors/ono.png);
        background-position:left bottom 5px, left 70px bottom 5px;
    }
    .sponsor.Abbott::before{
        background-image:url(../images/sponsors/abbott.png?v=20225);
    }
    .sponsor.Abbvie::before{
        background-image:url(../images/sponsors/abbvie.png);
    }
    .sponsor.Fujifilm::before{
        background-image:url(../images/sponsors/fujifilm.png);
    }
    .sponsor.Lotus::before{
        background-image:url(../images/sponsors/Lotus.png);
    }
    .sponsor.TSSG::before{
        background-image:url(../images/sponsors/TSSG.png);
    }
    .sponsor.ChiHsing::before{
        background-image:url(../images/sponsors/ChiHsing.png);
    }
    .sponsor.Era::before{
        background-image:url(../images/sponsors/era.png);
    }
    .sponsor.Celltrion::before{
        background-image:url(../images/sponsors/celltrion.png);
    }
    .sponsor.Lotus::before{
        background-image:url(../images/sponsors/lotus.png);
    }

/*-------------------------------------------
Fancybox
-------------------------------------------*/
.fancybox-overlay{
    background:rgba(0,0,0,.7);
}
.fancybox-skin{
    background:#fff;
    /* box-shadow: 0 0 0 20px #fff, 0 0 10px 30px rgb(0,0,0,.2); */
}
@media screen and (max-width:576px){
    .fancybox-skin{
        /* box-shadow:0 0 0 15px #fff, 0 0 10px 20px rgb(0,0,0,.2); */
    }
}

/*-------------------------------------------
Session
-------------------------------------------*/
#session{
    background-color:#fff;
    color:#000; 
    line-height:1.4;
    letter-spacing:0;
}
    #session article{
        padding-bottom:30px;
    }
    #session .title{
        font-weight:700;
    }
        #session .title h2{
            margin:0;
            color:var(--primary-color);
            font-size:1.5rem;
            line-height:1.2;
        }
            #session .title h2 span{
                display:inline-block;
                color:#777;
                font-size:1rem;
                border-bottom:1px solid var(--primary-color);
                margin-bottom:5px;
            }
        #session .title h3{
            margin:5px 0 0;
            color:#000;
            font-size:1.25rem;
            line-height:1.2;
        }
    #session .dateVenue{
        font-size:1rem;
        padding:10px 0;
    }
    #session .sessionTable{
        border-collapse:collapse;
        /* border:1px solid #cee7ef; */
    }
        #session .sessionTable th, #session .sessionTable td{
            padding:8px 8px;
        }
        /* --- thead --- */
        #session .sessionTable thead th{
            border-bottom:2px solid #aaa;
            background-color:#f1f1f1;
            color:#111;
            padding:3px 8px;
            white-space:nowrap;
        }
        /* --- tbody --- */
        #session .sessionTable tbody th{
            background-color:#f5f5f5;
            border-right:1px solid #ccc;
            border-bottom:1px solid #ccc;
            color:#111;
            font-size:.875rem;
        }
        #session .sessionTable tbody td{
            border-bottom:1px solid #ddd;
            border-left:1px solid #e3e3e3;
            border-right:1px solid #e3e3e3;
            color:#000;
            font-weight:700;
            line-height:1.2;
        }
        #session .sessionTable tbody td .subtitle{
            font-weight:400;
            margin-top:5px;
        }
        #session .sessionTable tbody tr:first-child td[colspan="3"],
        #session .sessionTable tbody tr:first-child td[colspan="4"]{
            border-left:none;
        }
        #session .sessionTable tbody td[colspan="2"]:first-child{
            border-left:none;
            text-align:left;
        }
        #session .sessionTable tbody td:nth-child(2){
            border-left:0 !important;
        }
        #session .sessionTable tbody td:last-child{
            border-right:none;
        }
        #session .sessionTable tbody td.bigTitle{
            color:#000;
            font-size:1.25rem; font-weight:700;
            line-height:1.2;
        }
        #session .sessionTable tbody td.risingStar{
            background-color:#fff5d6;
        }
            #session .sessionTable .moderatorsRow{
                position:relative;
                padding-left:105px;
            }
                #session .sessionTable .moderatorsRow span{
                    position:absolute; left:0;
                    font-weight:700;
                }
            #session .rowspanData{
                display:none;
            }
            #session .sessionTable .speaker,
            #session .sessionTable .moderator{
                color:#111;
            }
            #session .sessionTable .hospital, 
            #session .sessionTable .country{
                color:#777;
                font-size:.875rem; font-weight:400;
                line-height:1.2;
                margin-top:5px;
            }
            #session .sessionTable .hospital + .moderator{
                margin-top:1em;
            } 
    #session .important{
        font-size:.875rem;
    }
    #session .remarkNotice{
        list-style:none;
        margin:0;
        padding:10px 0 0;
        font-size:.875rem;
    }
        #session .remarkNotice li{
            position:relative;
            padding-left:1rem; padding-bottom:.25em;
            line-height:1.3;
        }
            #session .remarkNotice li font[color="red"]{
                position:absolute; left:0;
            }
@media screen and (max-width:992px){
    #session .sessionTable{
        width:100%;
    }
}
@media screen and (max-width:768px){
    #session{
        
    }
        #session .title h2{
            font-size:1.25rem;;
        }
        #session .dateVenue{
            font-size:.875rem;
        }
    #session .explanation.onlyRWD{
        display:none;
    }
    #session section{
        position:relative;
        overflow-x:auto;
        overflow-y:hidden;
        padding:0;
    }
        #session .sessionTable{
            
        }
            #session .sessionTable th,
            #session .sessionTable td{
                padding:5px;
            }
            /* --- thead --- */
            #session .sessionTable thead th{
                padding:5px;
            }
            #session .sessionTable thead th:first-child{
                width:55px;
            }
            /* --- tbody --- */
            #session .sessionTable tbody th{
                text-align:left;
            }
                #session .sessionTable .hospital, 
                #session .sessionTable .country{
                    margin-bottom:0;
                }
}
@media screen and (max-width:576px){
    #session .dateVenue{
        font-size:.875rem;
    }
    #session .sessionTable{
        border:none;
        border-top:2px solid var(--primary-color);
        border-bottom:1px solid #ccc;
    }
        #session .sessionTable thead{
            display:none;
        }
        #session .sessionTable tbody tr{
            display:block;
            padding:0 0 15px;
        }
            #session .sessionTable tbody th,
            #session .sessionTable tbody td{
                display:block;
                border:none;
            }
            #session .sessionTable tbody th{
                padding:2px;
                width:100%;
            }
                #session .sessionTable tbody th time{
                    display:block;
                    background-image:url(../images/icon_time.svg);
                    background-position:2px 50%;
                    background-repeat:no-repeat;
                    background-size:20px auto;
                    padding:5px 0 5px 25px;
                }
            #session .sessionTable tbody td{
                font-size:1.125rem;
                padding:5px 0 5px 25px;
            }
            #session .sessionTable tbody tr:first-child td[colspan="3"],
            #session .sessionTable tbody tr:first-child td[colspan="4"]{
                padding-left:5px;
            }
            #session .sessionTable tbody td[colspan="2"]:first-child{
                background-color:#f5f5f5;
                padding-left:5px;
            }
            #session .sessionTable tbody td[colspan="4"]{
                border-top:1px solid #ddd;
            }
            #session .sessionTable tbody td.bigTitle{
                padding:5px;
            }
            #session .sessionTable tbody th[width="105"] + td[colspan="2"]{
                padding:5px;
            }
                #session .sessionTable .speaker,
                #session .sessionTable .moderator{
                    font-size:1rem;
                    margin-top:10px;
                }
                    #session .sessionTable .speaker::before{
                        content:"Speaker: ";
                        display:block;
                        border-left:3px solid var(--primary-color);
                        color:var(--primary-color);
                        font-size:.75rem; font-weight:700;
                        line-height:1;
                        letter-spacing:1px;
                        margin-bottom:5px;
                        padding-left:5px;
                    }
                    #session .sessionTable .moderator::before{
                        content:"Moderator: ";
                        display:block;
                        border-left:3px solid var(--primary-color);
                        color:var(--primary-color);
                        font-size:.75rem; font-weight:700;
                        line-height:1;
                        letter-spacing:1px;
                        margin-bottom:5px;
                        padding-left:5px;
                    }
                    #session .sessionTable .speaker.moderator::before{
                        content:"Speaker / Moderator: ";
                    }
                        #session .sessionTable .speaker:nth-of-type(n+2)::before,
                        #session .sessionTable  .moderator:nth-of-type(n+2)::before{
                            display:none;
                        }
                #session .sessionTable tbody td:nth-child(3) br,
                #session .sessionTable tbody td:nth-child(4) br{
                    display:none;
                }
                #session .sessionTable .hospital,
                #session .sessionTable .country{
                    font-size:.75rem;
                    margin-bottom:5px;
                }
            #session .sessionTable .moderatorsRow{
                padding-left:0;
            }
                #session .sessionTable .moderatorsRow span{
                    position:static;
                    display:block;
                    border-left:3px solid var(--primary-color);
                    color:var(--primary-color);
                    font-size:.75rem; font-weight:700;
                    line-height:1;
                    letter-spacing:1px;
                    margin:5px 0;
                    padding-left:5px;
                }
            #session .rowspanData{
                display:block;
                padding-top:10px;
            }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    #session .title h2{
        font-size:7.125vw;
    }
    #session .dateVenue .time{
        display:block;
    }
    #session .dateVenue .venue{
        margin-top:5px;
    }
    #session .sessionTable tbody td{
        font-size:6.5vw;
    }
}

/*-------------------------------------------
Webinar Background Template
-------------------------------------------*/
.templateList{
    list-style:none;
    margin:0;
    padding:0;
}
    .templateList li{
        position:relative;
        margin-bottom:20px;
    }
        .templateList li .btn{
            padding-left:50px;
            text-align:left;
            position:relative;
        }
            .templateList li a::before{
                content:"";
                display:inline-block;
                width:24px;
                height:24px;
                background-image:url(../images/icon_file.svg);
                background-repeat:no-repeat;
                background-position:0 50%;
                background-size:20px auto;
                vertical-align:middle;
                position:absolute; top:9px; left:15px;
            }
            .templateList li a[href*=".pdf"]::before{
                background-image:url(../images/icon_pdf.svg);
            }
            .templateList li a[href*=".ppt"]::before{
                background-image:url(../images/icon_powerpoint.svg);
            }
            .templateList li a[href*=".jpg"]::before{
                background-image:url(../images/icon_img.svg);
            }

/*-------------------------------------------
Social Events (取消)
-------------------------------------------*/
.socialEvents thead th{
    text-align:center;
}
.socialEvents tbody th,
.socialEvents tbody td{
    padding:15px 10px;
    text-align:center;
}
.socialEvents tbody th{
    color:var(--primary-color);
}
@media screen and (max-width:992px){
    .socialEvents tbody th,
    .socialEvents tbody td{
        padding:5px 10px;
    }
}
@media screen and (max-width:576px){
    .socialEvents thead{
        display:none;
    }
    .socialEvents th,
    .socialEvents td{
        display:block;
    }
    .socialEvents tbody th{
        font-size:1.125rem;
        text-align:left;
    }
    .socialEvents tbody td{
        border:none;
        text-align:left;
        border-left:none !important;
    }
    .socialEvents td:nth-child(3){
        font-weight:700;
    }
    .socialEvents td:nth-child(4){
        padding-bottom:25px;
    }
}