@charset "utf-8";

/* ==================================================================================
    Welcome
================================================================================== */
.welcome .article {

}
.welcome .article .section p.section-paragraph {
    font-size: 17px;
}

/* ==================================================================================
    Call for papers
================================================================================== */
.call-for-papers .article {

}

/* important-dates-area */
.call-for-papers .article .important-dates {

}
.call-for-papers .article .important-dates > ul {

}
.call-for-papers .article .important-dates > ul > li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 0 0 7px;
    padding: 0 0 7px;
    border-bottom: 1px dotted #dfdfdf;
}
.call-for-papers .article .important-dates > ul > li:first-child {
    padding-top: 7px;
    border-top: 1px dotted #dfdfdf;
}
.call-for-papers .article .important-dates > ul > li > .title ion-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.call-for-papers .article .important-dates > ul > li > .title {
    display: block;
    font-size: 16px;
    font-weight: 800;
}
.call-for-papers .article .important-dates > ul > li > .title b {
    font-weight: 800;
}
.call-for-papers .article .important-dates > ul > li > .title small {
    display: inline-block;
    margin-left: 5px;
}
.call-for-papers .article .important-dates > ul > li > .date {
    font-size: 16px;
    font-weight: 800;
    color: #f33;
}
.call-for-papers .article .important-dates > ul > li > .date s {
    color: #999;
}


/* ==================================================================================
    Registration
================================================================================== */
.registration .article {

}

.registration .article .section .table-responsive .table {
    /*max-width: 880px;*/
}
.registration .article .section .table-responsive .table thead tr th {
    padding: 10px 0;
    background-color: #f5f5f5;
}
.registration .article .section .table-responsive .table tbody tr td {
    padding: 15px 20px;
}
/*.registration .article .section .table-responsive .table tbody tr td:last-child {*/
/*    font-weight: 700;*/
/*    color: #FF6600;*/
/*}*/

.registration .article .section .table-responsive .table tbody tr:nth-child(1) th {
    background-color: #d5e8ff;
}
.registration .article .section .table-responsive .table tbody tr:nth-child(1) td {
    background-color: #EAF1FA;
}
.registration .article .section .table-responsive .table tbody tr:nth-child(2) th {
    background-color: #ffebdb;
}
.registration .article .section .table-responsive .table tbody tr:nth-child(2) td {
    background-color: #FEF4EC;
}
.registration .article .section .table-responsive .table tbody tr:nth-child(3) th {
    background-color: #fff;
}
.registration .article .section .table-responsive .table tbody tr:nth-child(3) td {
    background-color: #fff;
}

.registration .article p.info {
    font-size: 14px;
}
.registration .article p.box-info {
    padding: 17px;
    color: #767676;
    background-color: #F2F2F2;
    border-radius: 10px;
}

.article .section .btn-area {
    gap: 15px 40px;
    padding: 30px 0;
}
.registration .article .btn-registration {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 12px 40px;
    border-radius: 60px;
}
.registration .article .btn-registration.btn-primary strong {
    color: #FFFF00;
}
.registration .article .btn-registration.btn-success strong {
    color: #0000FF;
}
.registration .article .btn-registration small {
    font-size: 14px;
}

/* ==================================================================================
    committee
================================================================================== */
.committee .profile-list {
    display: flex;
    /*justify-content: space-between;*/
    gap: 150px;
}
.committee .profile-list li {
    display: flex;
    align-items: flex-end;
    gap: 30px;
    margin-bottom: 20px;
}
.committee .profile-list li p.img-area {
    width: 170px;
    height: 170px;
    border-radius: 500px;
    overflow: hidden;
}
.committee .profile-list li div {
    padding-bottom: 30px;
}
.committee .profile-list li .name {
    font-size: 16px;
    font-weight: 800;
}
.committee .profile-list li .affiliation {
    font-size: 15px;
    color: #979797;
}
.committee .member-area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.committee .member-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.committee .member-list li {
    display: flex;
}
.committee .member-list li span {
    line-height: 1.7;
}
.committee .member-list li .name {
    width: 330px;
    font-weight: 800;
}
.committee .member-list li .affiliation {
    color: #979797;
}
/* ==================================================================================
    venue
================================================================================== */
.venue .article .section .btn-area .btn {
    display: flex;
    align-items: center;
    gap: 16px;
}
.venue .article .section .btn-area .btn ion-icon {
  font-size: 26px;
}
.venue .article .section .img-area {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}
.venue .article .section .img-area a {
    width: 49%;
    overflow: hidden;
}
.venue .article .section .img-area a img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.venue .article .section .img-area a:hover img {
    transform: scale(110%);
}
/* ==================================================================================
    committee
================================================================================== */
.committee .article .section {
    display: flex;
    justify-content: space-between;
}

/* ==================================================================================
    accommodation
================================================================================== */
.accommodation .article .section ul.accommodation-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}
.accommodation .article .section ul.accommodation-list > li {
    display: flex;
    flex-direction: column;
    flex: 1 1 430px;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    overflow: hidden;
}
.accommodation .article .section ul.accommodation-list b {
    padding: 12px;
    background-color: #06038d;
    color: #fff;
    text-align: center;
    font-size: 23px;
    font-weight: 800;
}
.accommodation .article .section ul.accommodation-list p {
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.accommodation .article .section ul.accommodation-list p img {
    width: 100%;
    height: auto;

}
.accommodation .article .section ul.accommodation-list ul {
    padding: 20px;
    margin: 0 0 0 20px;
}

/* ==================================================================================
    conference-tour
================================================================================== */
.conference-tour .article .section {
}

/* ==================================================================================
    Transportation
================================================================================== */
.Transportation .section div.ta-center img {
    max-width: 1200px;
    width: 100%;
}
.Transportation .article .section .btn-area .btn {
    display: flex;
    align-items: center;
    gap: 16px;
}
.Transportation .article .section .btn-area .btn ion-icon {
    font-size: 26px;
}
    /* ==================================================================================
        vendors
    ================================================================================== */

/*tab-custom*/
.nav-tabs.nav-justified > li > a {
    font-size: 18px;
}
.nav-tabs.nav-justified > li > a {
    color: #c0b9f1;
    border-bottom: 1px solid #ddd;
    border-radius: 2px 2px 0 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #c0b9f1;
    color: #fff;
    cursor: default;
    /*background-color: #fff;*/
    border: 0 solid #ddd;
    border-bottom-color: transparent;
    font-weight: 700;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 0px solid #ddd;
}


/* ==================================================================================
    Media query
================================================================================== */
@media only screen
and (max-width: 1200px) {

    /* ==================================================================================
        Call for papers
    ================================================================================== */
    /* important-dates-area */
    .call-for-papers .article .important-dates > ul > li {
        width: 64%;
    }

    .article.committee-area .section {
        flex-direction: column;
    }

}

@media only screen
and (max-width: 1100px) {

    /* ==================================================================================
        Call for papers
    ================================================================================== */
    /* important-dates-area */
    .call-for-papers .article .important-dates > ul > li {
        width: 72%;
    }

}

@media only screen
and (max-width: 1000px) {

    /* ==================================================================================
        Call for papers
    ================================================================================== */
    /* important-dates-area */
    .call-for-papers .article .important-dates > ul > li {
        width: 100%;
    }
    .committee .member-list {
        gap: 12px;
    }
    .committee .article .section {
        flex-direction: column;
    }
    .committee .member-area {
        margin-bottom: 0px;
    }
    .accommodation .article .section {
        flex-direction: column;
    }
}

@media only screen
and (max-width: 768px) {

    /* ==================================================================================
        Call for papers
    ================================================================================== */
    /* important-dates-area */
    .call-for-papers .article .important-dates > ul > li {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 2px;
    }
    .call-for-papers .article .important-dates > ul > li > .title ion-icon {
        margin-right: 2px;
    }
    .call-for-papers .article .important-dates > ul > li > .date {
        padding-left: 20px;
        font-size: 15px;
    }

    /*committee*/
    .committee .article .section h2.section-title {
        margin-top: 50px;
        margin-bottom: 10px;
    }
    .committee .member-area {
        flex-direction: column;
    }
    .committee .profile-list {
        flex-direction: column;
        gap: 40px;
    }
    .committee .profile-list li {
        flex-direction: column;
        align-items: center;
        margin-bottom: 0;
    }

    .committee .profile-list li div {
        padding-bottom: 0;
    }
    .venue .article .section .img-area {
        flex-direction: column;
    }
    .venue .article .section .img-area a {
        width: 100%;
    }
    .accommodation .article .section ul.accommodation-list b {
        font-size: 19px;
    }
}
@media only screen
and (max-width: 550px) {
.committee .member-list li {
    flex-direction: column;
}
}