﻿

.box-style {
    padding: 20px;
    border: 1px solid #e4e4e4;
}

.box-style2 {
    padding: 20px;
    background-color: #f5f7f8;
}

.box-img {
    padding: 15px;
    border: 1px solid #e4e4e4;
    text-align: center;
    line-height: 0;
}

    .box-img img {
        max-width: 100%;
        height: auto;
    }

    .box-img.line-no {
        text-align: center;
        line-height: 0;
    }

        .box-img.line-no img {
            max-width: 100%;
            height: auto;
        }

        .box-img.line-no.box-line-top {
            border-top: 1px solid #e4e4e4;
        }

.wrap-box-img {
    margin-top: 15px;
}

.cont-updated {
    width: 270px;
    margin: 0 auto;
    padding: 120px 0;
    text-align: right;
    font-size: 32px;
    font-weight: bold;
    font-family: 'Roboto';
    color: #999;
    background: url('../images/icon_updated.png') no-repeat left center;
}

.bg-point {
    background-color: #3498db !important;
    color: #fff !important;
}

.bg-point2 {
    background-color: #0d47a1 !important;
    color: #fff !important;
}

.bg-point3 {
    background-color: #10af72 !important;
    color: #fff !important;
}
.text-big2 {
    font-size: 28px !important;
    line-height: 1.6em !important;
}

table.table-program {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #cfd8dc;
    border-left: 1px solid #cfd8dc;
    font-size: 14px;
    
}

.para1-1 {
    margin-bottom: 25px !important;
}

table.table-program thead th {
    color: #fff;
    background: #263238;
}

table.table-program th {
    color: #333;
    background: #f8f8f8;
}

table.table-program th {
    padding: 8px 5px;
    text-align: center;
    border-right: 1px solid #cfd8dc;
    border-bottom: 1px solid #cfd8dc;
}
table.table-program td {
    padding: 8px 0px;    
    border-right: 1px solid #cfd8dc;
    border-bottom: 1px solid #cfd8dc;
}

table.table-in {
    border-top: none;
}

table.table-program tbody th {
    font-size: 11px;
    vertical-align: middle;
}

table.table-program tbody td {
    
    font-size: 14px;
}

table.table-program td {
    line-height: 1.4em;
    font-size: 11px;
}

table.table-program th  {
    padding: 8px 0px;
    text-align: center;
    border-right: 1px solid #cfd8dc;
    border-bottom: 1px solid #cfd8dc;
}
table.table-program td {
    padding: 8px 10px;
   
    border-right: 1px solid #cfd8dc;
    border-bottom: 1px solid #cfd8dc;
}

.pastel-red {
    background-color: #f9d9d9 !important;
}

.pastel-pink {
    background-color: #fcdde8 !important;
}

.pastel-crimson {
    background-color: #fde3e1 !important;
}

.pastel-orange {
    background-color: #ffead9 !important;
}

.pastel-dark-yellow {
    background-color: #fff1d9 !important;
}

.pastel-lemon {
    background-color: #fffce2 !important;
}

.pastel-yellow {
    background-color: #ffffd9 !important;
}

.pastel-olive {
    background-color: #ecebdc !important;
}

.pastel-light-green {
    background-color: #eef6e4 !important;
}

.pastel-green {
    background-color: #e4f3e5 !important;
}

.pastel-dark-green {
    background-color: #e0ece0 !important;
}

.pastel-cyan {
    background-color: #d9efed !important;
}

.pastel-mint {
    background-color: #d9f5f9 !important;
}

.pastel-sky-blue {
    background-color: #d9f2fd !important;
}

.pastel-light-blue {
    background-color: #deeffd !important;
}

.pastel-blue {
    background-color: #ddebf8 !important;
}

.pastel-indigo {
    background-color: #dbe4f1 !important;
}

.pastel-purple {
    background-color: #eedef2 !important;
}

.pastel-burgundy {
    background-color: #eddbe5 !important
}

.pastel-brown {
    background-color: #ece6e5 !important;
}

.pastel-gray {
    background-color: #e1e4e5 !important;
}

table.table-program td a.text-link em, table.table-program td a.text-link strong {
    text-decoration: underline !important;
}

table.table-program td em {
    display: inline-block;
    padding-top: 5px;
    color: #000;
    font-style: normal;
}

 h6.tit {
    font-size: 16px;
    padding-bottom: 20px;
    color: #263238;
}

 h2.tit,  h3.tit,  h4.tit,  h5.tit, h6.tit {
    line-height: 1.4em;
    font-weight: bold;
    font-family: "Roboto";
    position: relative;
}

ul.list-style {
    margin-top: -1px;
}

.para1 {
    margin-bottom: 50px !important;
}

ol, ul {
    list-style: none;
}


    ul.list-style > li span.first-letter {
        display: inline-block;
        width: 20px;
        margin-left: -20px;
    }

    ul.tab-list {
        border-top: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
        padding-left:0px;
    }

        ul.tab-list::after {
            clear: both;
            content: "";
            display: block;
            height: 0;
            visibility: hidden;
        }

        ul.tab-list li {
            float: left;
            height: 40px;
            line-height: 40px;
            border-right: 1px solid #e4e4e4;
            border-bottom: 1px solid #e4e4e4;
            text-align: center;
            font-weight: bold;
            color: #263238;
            font-size: 1em;
            background-color: #f2f4f5;
            box-sizing: border-box;
            transition: 1s;
            -webkit-transition: 1s;
        }

            ul.tab-list li:hover,
            ul.tab-list li:active {
                display: block;
                text-align: center;
                color: #fff;
                background-color: #3498db;
                cursor: pointer;
                transition: 1s;
                -webkit-transition: 1s;
            }

                ul.tab-list li:hover a,
                ul.tab-list li:active a {
                    color: #fff;
                }

            ul.tab-list li a {
                display: block;
            }

            ul.tab-list li.on {
                text-align: center;
                color: #fff;
                background-color: #3498db;
            }

                ul.tab-list li.on a {
                    color: #fff;
                }

        ul.tab-list.column2 li {
            width: 50%;
        }

        ul.tab-list.column3 li {
            width: 33.33333333333333%;
        }

        ul.tab-list.column4 li {
            width: 25%;
        }

    ul.tab-list2 {
        border-top: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
    }

        ul.tab-list2::after {
            clear: both;
            content: "";
            display: block;
            height: 0;
            visibility: hidden;
        }

        ul.tab-list2 li {
            float: left;
            height: 32px;
            line-height: 32px;
            border-right: 1px solid #e4e4e4;
            border-bottom: 1px solid #e4e4e4;
            text-align: center;
            font-weight: bold;
            color: #263238;
            font-size: 1.1em;
            background-color: #f2f4f5;
            box-sizing: border-box;
            transition: 1s;
            -webkit-transition: 1s;
        }

            ul.tab-list2 li:hover,
            ul.tab-list2 li:active {
                display: block;
                text-align: center;
                color: #3498db;
                background-color: #fff;
                border-bottom: 1px solid #fff;
                cursor: pointer;
                transition: 1s;
                -webkit-transition: 1s;
            }

            ul.tab-list2 li a {
                display: block;
            }

            ul.tab-list2 li.on {
                text-align: center;
                color: #3498db;
                background-color: #fff;
                border-bottom: 1px solid #fff;
            }

        ul.tab-list2.column2 li {
            width: 50%;
        }

        ul.tab-list2.column3 li {
            width: 33.33333333333333%;
        }

        ul.tab-list2.column4 li {
            width: 25%;
        }

.tab-list-wrap {
    display: hidden;
    padding: 20px;
    border: 1px solid #c2def2;
}

ul.list-link {
    border-top: solid 2px #b0bec5;
    text-align: center;
}

    ul.list-link li {
        height: 120px;
        padding: 20px 0;
        border-bottom: 1px solid #e4e4e4;
    }

        ul.list-link li::after {
            clear: both;
            content: "";
            display: block;
            height: 0;
            visibility: hidden;
        }

        ul.list-link li figure {
            width: 70%;
            float: right;
            box-sizing: border-box;
        }

        ul.list-link li figcaption {
            width: 30%;
            float: left;
            line-height: 120px;
            font-size: 1.6em;
            font-weight: bold;
            border-right: 1px solid #e4e4e4;
            box-sizing: border-box;
        }

.link-target {
    display: inline-block;
   position:absolute;
    top: -120px;
}
.link-target-wrap {
    position: relative;
}

ul.speaker-list {
    margin-top: -20px;
    margin-left: -30px;
}

    ul.speaker-list::after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
    }

    ul.speaker-list li {
        float: left;
        width: 50%;
        box-sizing: border-box;
    }

        ul.speaker-list li .speaker-wrap {
            height: 182px;
            margin-top: 20px;
            margin-left: 30px;
            border: 1px solid #e4e4e4;
            font-size: 14px;
            box-sizing: border-box;
            background-color: var(--background-color);
        }

            ul.speaker-list li .speaker-wrap::after {
                clear: both;
                content: "";
                display: block;
                height: 0;
                visibility: hidden;
            }

            ul.speaker-list li .speaker-wrap .figure {
                float: left;
                width: 25%;
                padding: 10px;
                font-size: 0;
                line-height: 0;
                box-sizing: border-box;
            }

            ul.speaker-list li .speaker-wrap .figcaption {
                float: left;
                width: 75%;
                padding: 10px 10px 0px 0px;
                line-height: 1.4em;
                box-sizing: border-box;
                position: relative;
            }

                ul.speaker-list li .speaker-wrap .figcaption span {
                    display: block;
                }

                    ul.speaker-list li .speaker-wrap .figcaption span.number {
                        width: 60px;
                        height: 22px;
                        line-height: 22px;
                        text-align: center;
                        color: #fff;
                        background-color: #3498db;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul.speaker-list li .speaker-wrap .figcaption span.date {
                        color: #0e76bc;
                        text-align: right;
                    }

                    ul.speaker-list li .speaker-wrap .figcaption span.tit {
                        padding-top: 6px;
                        color: #3498db;
                        font-weight: bold;
                        font-size: 16px;
                    }

                    ul.speaker-list li .speaker-wrap .figcaption span.name {
                        padding-top: 6px;
                        color: #333;
                        font-weight: bold;
                        font-size: 15px;
                    }

                    ul.speaker-list li .speaker-wrap .figcaption span.text {
                        padding-bottom: 6px;
                        font-style: italic;
                    }

                ul.speaker-list li .speaker-wrap .figcaption a.btn {
                    display: inline-block;
                    padding: 0 10px;
                    height: 22px;
                    line-height: 22px;
                    font-size: 14px;
                    color: #fff;
                    background-color: #3498db;
                    border-radius: 4px;
                    -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                }

                    ul.speaker-list li .speaker-wrap .figcaption a.btn:hover,
                    ul.speaker-list li .speaker-wrap .figcaption a.btn:active {
                        background-color: #263238;
                    }

    ul.speaker-list.speaker-list-col1 {
        margin-left: 0;
    }

        ul.speaker-list.speaker-list-col1 li {
            width: 100%;
        }

            ul.speaker-list.speaker-list-col1 li .speaker-wrap {
                margin-left: 0;
            }

.cont img {
    max-width: 100%;
    height: auto;
}

.social-program {
}

    .social-program::after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .social-program .figure {
        float: right;
        width: 30%;
        line-height: 0;
        text-align: center;
        background-color: #f5f7f8;
        box-sizing: border-box;
    }

    .social-program .figcaption {
        float: left;
        width: 70%;
        padding-right: 40px;
        box-sizing: border-box;
    }

        .social-program .figcaption .date {
            padding: 20px 0;
            border-top: 1px solid #e4e4e4;
            border-bottom: 1px solid #e4e4e4;
        }

ul.social-list {
    margin-top: -40px;
    background-color: var(--background-color);
}

    ul.social-list > li {
        padding: 20px 0;
        border-bottom: 1px solid #e4e4e4;
    }

        ul.social-list > li:last-child {
            border-bottom: none;
        }

        ul.social-list > li .social-wrap h3.tit {
            margin-top: 15px;
            font-size: 34px !important;
            font-family: "Caveat" !important;
        }

        ul.social-list > li .social-wrap::after {
            clear: both;
            content: "";
            display: block;
            height: 0;
            visibility: hidden;
        }

        ul.social-list > li .figure {
            float: right;
            width: 25%;
            line-height: 0;
            text-align: center;
            background-color: #f5f7f8;
            box-sizing: border-box;
        }

        ul.social-list > li .figcaption {
            float: left;
            width: 75%;
            padding-right: 40px;
            box-sizing: border-box;
            
        }
            /*
ul.social-list > li:nth-child(odd) .figure { float:right; }
ul.social-list > li:nth-child(odd) .figcaption { float:left; padding-right:40px; }
ul.social-list > li:nth-child(even) .figure { float:left; }
ul.social-list > li:nth-child(even) .figcaption { float:right; padding-left:40px; }
*/
            ul.social-list > li .figcaption .date { /*padding:20px 0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;*/
            }