@charset "UTF-8";
/*===========================================
Submission
===========================================*/
.date-container{
    float:left;
    width:40%;
    padding-left:50px;
}
    .important-date{
        list-style:none;
        margin:0;
        padding:0;
        display:flex;
        flex-wrap:wrap;
    }
        .important-date__item{
            width:50%;
            color:#fff;
            font-size:1.25rem;
            line-height:1.2;
            padding:30px 15px;
            position:relative;
            overflow:hidden;
            text-align:center;
        }
        .important-date__item:nth-child(1){
            background-color:#e22d76;
        }
        .important-date__item:nth-child(2){
            background-color:#eb8a2a;
        }
            .important-date__item::before{
                content:"";
                display:block;
                background:url(../images/icon-date-white.svg) no-repeat 0 0;
                background-size:contain;
                aspect-ratio:1 / 1;
                height:70%;
                position:absolute; top:15%; left:-18px;
                opacity:.2;
                pointer-events:none;
            }
            .important-date__item time{
                display:block;
                font-size:1.75rem;
                line-height:1;
                margin-bottom:8px;
            }
.abstract-notice{
    border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;
    padding:30px 0;
    margin-top:30px;
}
    .abstract-topics{
        margin:0;
        padding-left:1.4em;
    }
        .abstract-topics li{
            float:left;
            width:50%;
            padding-bottom:10px;
        }
    .submission-content__ul{
        margin:0;
        padding-left:1.4em;
    }
        .submission-content__ul li{
            padding-bottom:10px;
        }
@media screen and (max-width:992px){
    .date-container{
        padding-left:40px;
    }
}
@media screen and (max-width:576px){
    .abstract-topics li{
        width:100%;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .important-date__item{
        width:100%;
        font-size:4.5vw;
    }
}

/*-------------------------------------------
Abstract Submission Preview
-------------------------------------------*/
.submissionPreview{
    position:relative;
}
    .submissionPreview :is(h1, h2, h3, h4, h5, p){
        margin-bottom:.5em;
    }
    .submissionPreview :is(h1:first-of-type, h2:first-of-type, h3:first-of-type, p:first-of-type){
        margin-top:0;
    }
    .submissionPreview br + br{
        display:none;
    }
    .submissionPreview > ol,
    .submissionPreview > ul{
        margin:0;
        padding-left:1.7em;
    }

/*-------------------------------------------
Abstract Submission
-------------------------------------------*/
@media screen and (max-width:440px){/* i16 Pro Max */
    .table-content input[type='text']{
        width:100%;
    }
    .table-author thead{
        display:none;
    }
    .table-author tbody tr{
        display:block;
        padding-bottom:10px;
    }
    .table-author tbody tr:nth-child(even){
        background-color:#fff;
    }
        .table-author tbody td{
            display:block;
            background-color:#fff;
            border:none;
            position:relative;
            padding:5px 0 5px 70px;
        }
        .table-author tbody td:first-child{
            background-color:rgba(var(--primary-rgb),.07);
            color:#000;
            font-size:85%; font-weight:700;
            padding:5px 10px;
        }
        .table-author tbody td:last-child{
            padding-left:110px;
        }
        .table-author tbody td:before{
            content:attr(data-th);
            position:absolute; left:5px;
            line-height:32px;
        }
    .table-paper-data select{
        width:100%;
    }
}

/*-------------------------------------------
Track Submission
-------------------------------------------*/
.track__header{
    border-bottom:2px solid #ccc;
    padding:0 0 20px;
}
    .track__title{
        margin:0;
        color:#111;
        font-size:1.875rem; line-height:1.2;
    }
.track-search{
    position:relative;
    padding:20px 0;
    margin:0 -10px;
}
    .track-search::before{
        display:block;
        content:"";
        border-bottom:1px solid #e3e3e3;
        position:absolute; left:10px; bottom:0; right:10px;
    }
    .track-search::after{
        clear:both;
        content:"";
        display:block;
    }
    .track-search__col{
        float:left;
        padding:0 10px 5px;
        position:relative;
    }
    .track-search__col:nth-of-type(even){
        color:#777;
        font-size:.75rem;
    }
        .track-search__label{
            display:block;
            font-size:.875rem; font-weight:700; line-height:1;
            letter-spacing:1.25px;
            min-height:18px;
        }
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */
    .track-search__col{
        float:none;
    }
        .track-search__label{
            min-height:auto;
            margin-bottom:5px;
        }
}
@media screen and (max-width:576px){
    .track__title{
        font-size:1.5rem;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .track-search__col input[type='text']{
        width:100%;
    }
}

/*-------------------------------------------
Track Submission Result
-------------------------------------------*/
.track-alert{
    margin:0;
}
.track-result__item{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    border:1px solid #ccc;
    padding:15px 15px 10px;
    margin-bottom:30px;
    color:#111;
    font-weight:700;
    line-height:1.2;
}
.track-result__item:last-of-type{
    margin-bottom:0;
}
    .track-result__number{
        margin:-.5em 0 0;
        color:#00519c;
        font-size:1rem; font-weight:700; line-height:1;
        position:absolute; top:0; left:10px;
        background-color:#fff;
        padding:0 10px;
    }
    .track-result__col{
        -webkit-flex:0 0 25%; /* Safari 6.1+ */
        -ms-flex:0 0 25%; /* IE 10 */ 
        flex:0 0 25%;
        position:relative;
        padding:10px 10px 15px;
        border-top:1px solid #e3e3e3;
    }
    .track-result__col:nth-of-type(1){
        -webkit-flex:0 0 100%; /* Safari 6.1+ */
        -ms-flex:0 0 100%; /* IE 10 */ 
        flex:0 0 100%;
        border-top:none;
    }
    .track-result__col:last-of-type{
        -webkit-flex:0 0 100%; /* Safari 6.1+ */
        -ms-flex:0 0 100%; /* IE 10 */ 
        flex:0 0 100%;
    }
        .track-result__col::before{
            content:"";
            display:inline-block;
            border-left:1px dashed #e3e3e3;
            position:absolute; left:0; top:10px; bottom:10px;
        }
        .track-result__col:nth-of-type(1)::before,
        .track-result__col:nth-of-type(2)::before,
        .track-result__col:nth-of-type(6)::before,
        .track-result__col:last-of-type::before{
            display:none;
        }
        .track-result__label{
            display:block;
            color:#777;
            font-size:.875rem; font-weight:400; line-height:1;
            letter-spacing:1.25px;
            margin-bottom:3px;
        }
        .track-result__title{
            font-size:1.25rem;
        }
@media screen and (max-width:576px){
    .track-result__col{
        -webkit-flex:0 0 50%; /* Safari 6.1+ */
        -ms-flex:0 0 50%; /* IE 10 */ 
        flex:0 0 50%;
    }
        .track-result__col:nth-of-type(4)::before,
        .track-result__col:nth-of-type(8)::before{
            display:none;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .track-result__col:nth-of-type(2),
    .track-result__col:nth-of-type(5),
    .track-result__col:nth-of-type(8),
    .track-result__col:nth-of-type(9){
        -webkit-flex:0 0 100%; /* Safari 6.1+ */
        -ms-flex:0 0 100%; /* IE 10 */ 
        flex:0 0 100%;
    }
        .track-result__col:nth-of-type(3)::before,
        .track-result__col:nth-of-type(5)::before,
        .track-result__col:nth-of-type(9)::before{
            display:none;
        }
        .track-result__col:nth-of-type(4)::before{
            display:inline-block;
        }
}