/* overall CSS override */
body, h1, h2, h3, h4, h5 {
    font-family: Onest, sans-serif;
}

body {
    font-size: 16px;
    background-color: white;
}

.w3-main {
    max-width: 1200px;
    width: 80%;
    margin: 0 auto;
}

@media (min-width: 1000px) and  (max-width: 1199.98px) {
    .w3-main {
        width: 90%;
    }
}

@media (max-width: 999.98px) {
    .w3-main {
        width: 97%;
    }
}

.w3-container, .w3-panel {
    padding: 0.01em 200px;
}

li:not(:last-child) {
    margin-bottom: 20px;
}

.asi-pageheader {
    background-color: #f4f4f4;
    padding-top: 30px !important;
}

.asi-pageheader h1 {
    float: left;
    color: #3787c8 !important;
}

.asi-pagedesc {
    font-size: 20px;
    float: right;
    margin-right: 20px;
    padding: 30px 0 0 0;
    color: #3787c8 !important;
}

.asi-divider {
    width: 50px;
    border: 4px solid #287ec19c;
}

.w3-half img {
    margin-bottom: -6px;
    margin-top: 16px;
    opacity: 0.8;
    cursor: pointer
}

.w3-half img:hover {
    opacity: 1
}


/* customized button */
.reg-button {
    padding: 10px 20px !important;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    background-color: #3787c8;
    border: solid 5px #3787c8;
    border-radius: 10px;
    color: #fff;
}

.reg-button:hover {
    text-decoration: underline;
}

/* programe rundown table */
.tg {
    border-collapse: collapse;
    border-color: #9ABAD9;
    border-spacing: 0;
}

.tg td {
    background-color: #EBFFF;
    border-color: #9ABAD9;
    border-style: solid;
    border-width: 1px;
    color: #444;
    /*font-family:Arial, sans-serif;*/
    font-size: 16px;
    overflow: hidden;
    padding: 10px 10px;
    word-break: normal;
}

.tg th {
    background-color: #287ec1;
    border-color: #9ABAD9;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    padding: 10px 10px;
    word-break: normal;
}

.tg .tg-fymr {
    border-color: inherit;
    font-weight: bold;
    text-align: left;
    vertical-align: top
}

.tg .tg-0pky {
    border-color: inherit;
    text-align: left;
    vertical-align: top
}

.prog_title {
    font-weight: bold;
}

.prog_speaker_ins {
    font-size: 14px
}

/* event banner css */
@media (min-width: 480px) and  (max-width: 833px) {
    .event_banner {
        margin-top: 40px;
    }
}

@media (max-width: 479.98px) {
    .event_banner {
        margin-top: 80px;
    }
}

/* special handling for event handler */
.section_anchor {
    display: block;
    position: relative;
    top: -45px;
    visibility: hidden;
}

@media (min-width: 433px) and (max-width: 993px) {
    .section_anchor {
        display: block;
        position: relative;
        top: -70px;
        visibility: hidden;
    }
}

@media (max-width: 432.98px) {
    .section_anchor {
        display: block;
        position: relative;
        top: -120px;
        visibility: hidden;
    }
}

/* table in small screen */
@media (max-width: 700px) {
    table, tr, td {
        display: block;
    }
}

/* sticky menu */
.sticky_box {
    position: sticky;
    top: 0 !important;
    z-index: 1 !important;
}

@media (min-width: 600px) {
    .sticky_box_item {
        float: none !important;
        display: inline-block !important;
    }
}

/* sticky menu(for iOS) */
.box {
    position: relative;
}

.menu {
    width: 100%;
}

/* customized css for table of cop members */
#tbl_copmembers td {
    padding-bottom: 35px;
}

@media (min-width: 768px) {

    #tbl_copmembers tr td:nth-child(1), #tbl_copmembers tr td:nth-child(3) {
        width: 15%
    }

    #tbl_copmembers tr td:nth-child(2), #tbl_copmembers tr td:nth-child(4) {
        width: 35%
    }

    #tbl_copmembers tr td:nth-child(1), #tbl_copmembers tr td:nth-child(3),
    #tbl_copmembers tr td:nth-child(2), #tbl_copmembers tr td:nth-child(4) {
        vertical-align: top;

    }
}

@media (max-width: 767.99px) {
    #tbl_copmembers tr {
        flex-wrap: wrap !important;
        display: flex !important;
    }

    #tbl_copmembers tr td:nth-child(1), #tbl_copmembers tr td:nth-child(3),
    #tbl_copmembers tr td:nth-child(2), #tbl_copmembers tr td:nth-child(4) {
        vertical-align: top;
        width: 50%
    }
}

.gototop {
    /*text-align: right;
    position: fixed;
    bottom: 55px;
    right: 15px;*/
    margin-top: 15px;
    margin-left: 5px;
}

.gototop a {
    color: #2196F3 !important;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;

}

.gototop img {
    vertical-align: text-bottom;
}