/*===========================================
Program
===========================================*/
.fancybox-default-skin{
    background-color:#fff;
    border-color:#fff;
}
.program{
    
}
/*-------------------------------------------
File Download
-------------------------------------------*/
.filesDownload{
    position:relative;
    margin-bottom:30px;
}
    .filesDownload .btn{
        background-repeat:no-repeat;
        background-size:16px 16px;
        background-position:10px 50%;
        padding:5px 10px 5px 32px;
        position:absolute; right:0; top:-10px;
    }
    .filesDownload .btn[href *='.pdf']{background-image:url(../images/icon_pdf.png);}
    .filesDownload .btn[href *='.xls'], .fileFormat a[href *='.xlsx']{background-image:url(../images/icon_excel.png);}
    .filesDownload .btn[href *='.doc'], .fileFormat a[href *='.docx']{background-image:url(../images/icon_word.png);}

/*-------------------------------------------
Date Tabs
-------------------------------------------*/
.dateTabs{
    list-style:none;
    margin:0 auto 30px;
    padding:0;
    width:60%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}
    .dataTabs__item{
        flex:1 0 auto;
    }
        .dataTabs__link{
            display:block;
            border-bottom:2px solid #ddd;
            color:#333;
            font-size:1.25rem;
            line-height:1;
            padding:8px 5px;
            width:100%;
            transition:.1s;
        }
        .dataTabs__link:focus,
        .dataTabs__link:hover{
            color:var(--main-color);
        }
        .dataTabs__link.active,
        .dataTabs__link.active:hover{
            color:#000;
            font-weight:700;
            border-color:var(--main-color);
            cursor:default;
        }
@media screen and (max-width:430px){/* i14 Pro Max */
    .dateTabs{
        width:100%;
    }
        .dataTabs__link{
            border-width:3px;
            font-size:1.125rem;
        }
}

/*-------------------------------------------
Data Content
-------------------------------------------*/
#dateContainer{
    position:relative;
    overflow:hidden;
}
    #dateContainer .dateItem{
        position:absolute; top:0; left:0; z-index:-1;
        width:100%;
        opacity:0;
        transition:.2s;
    }
    #dateContainer .dateItem.active{
        position:relative; top:0; z-index:1;
        opacity:1;
    }
        #dateContainer .meetingDate{
            margin:0 0 10px;
            color:var(--main-color);
            font-size:1.5rem; font-weight:700;
            line-height:1;
        }
            #dateContainer .meetingDate span{
                color:#777;
                font-size:1rem; font-weight:400;
            }
@media screen and (max-width:430px){/* i14 Pro Max */
    #dateContainer{
        margin:0 -15px;
    }
        #dateContainer .meetingDate{
            padding:0 15px;
        }
}

/*-------------------------------------------
Room Tabs
-------------------------------------------*/
.roomTabs{
    display:flex;
    align-items:flex-end;
    list-style:none;
    margin:0 auto;
    padding:0;
    border-bottom:2px solid #ddd;
}
    .roomTabs .tab{
        position:relative;
        flex:1;
        line-height:1.2; font-weight:700;
        color:#000;
        text-align:center;
        padding:12px 0;
    }
        .roomTabs .tab span{
            margin-left:5px;
        }
            .roomTabs .tab span::before{
                content:"/";
                margin-right:5px;
                opacity:.65;
            }
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
    .roomTabs .tab{
        color:#777;
    }
    .roomTabs .tab:hover{
        color:#1ea1f3;
    }
    .roomTabs .tab.active{
        cursor:default;
        color:#000;
        font-weight:700;
    }
        .roomTabs .tab.active::before{
            content:"";
            display:block;
            width:100%;
            height:4px;
            background-color:var(--main-color);
            position:absolute; bottom:-2px; z-index:2;
        }
        .roomTabs .tab span{
            display:block;
            margin:0 auto;
        }
            .roomTabs .tab span::before{
                display:none;
            }
}
@media screen and (max-width:640px){/* Xiaomi Landscape */
    .roomTabs .tab{
        font-size:.875rem;
    }
}
@media screen and (max-width:430px){/* i14 Pro Max */
    .roomTabs .tab{
        font-size:3.5vw; font-weight:400;
        flex:1 1 auto;
        width:auto !important;
    }
        .roomTabs .tab span{
            font-weight:700;
        }
}
/*-------------------------------------------
Room Program
-------------------------------------------*/
.roomContainer{
    line-height:1.2;
    position:relative;
    background-color:#f7f7f7;
    box-shadow:inset 0 0 0 1px #ddd;
}
    .roomItem{
        float:left;
        border-left:1px solid #ddd;
    }
    .roomItem:last-of-type{
        border-right:1px solid #ddd;
    }
        .roomName{
            display:none;
            padding:5px;
        }
        .agendaList{
            margin:0;
            padding:0;
            list-style:none;
        }
            .agendaItem{
                position:relative;
                height:auto!important;
                background-color:#fff;
                box-shadow:inset 0 -1px 0 #ddd;
            }
            .agendaItem.agendaNull{
                background-color:#f7f7f7;
            }
            .agendaItem.agendaBreak{
                background-color:#fff8e7;
            }
                .agendaInfo{
                    padding:10px;
                }
                .agendaOpening .agendaInfo{
                    padding-top:5px;
                }
                .agendaDinner .agendaInfo{
                    height:auto !important;
                }
                    .agendaTime{
                        display:block;
                        color:#111;
                        font-size:.75rem; font-weight:700; line-height:1;
                        background-color:#fff;
                        padding:3px 4px;
                        border:1px solid #ddd;
                        border-radius:30px;
                        position:absolute; top:-10px; right:5px;
                    }
                    .agendaInfo:hover .agendaTime{
                        z-index:51;
                        border-color:var(--main-color);
                    }
                    .agendaLink{
                        display:block;
                        position:absolute; top:0; left:0; z-index:0;
                        width:100%;
                        height:100%;
                        padding:10px;
                        transition:.2s;
                    }
                    .agendaLink:hover{
                        z-index:50;
                        background-color:#fff;
                        box-shadow:inset 0 0 0 1px var(--main-color), 0 0 12px rgba(0,0,0,.2);
                        height:auto;
                        min-height:100%;
                    }
                        .agendaLink:hover::before{
                            content:"";
                            display:block;
                            background-color:var(--main-color);
                            opacity:.1;
                            position:absolute; top:0; left:0; right:0; bottom:0;
                        }
                        .agendaTitle{
                            margin:0 0 5px;
                            font-size:1rem; line-height:1.2; font-weight:700;
                            color: #111;
                            transition:.2s;
                        }
                        .agendaLink .agendaTitle{
                            color: #2693ff;
                        }
                        .agendaBreak .agendaTitle{
                            font-size:.875rem;
                        }
                        .speakers{
                            list-style:none;
                            margin:0;
                            padding:0;
                            text-align:left;
                        }
                            .speakers li{
                                font-size:.875rem; line-height:1.2;
                                margin-top:3px;
                                transition:.2s;
                            }
                                .speakers .name{
                                    background:url(../images/program_icon_speaker@2x.png) no-repeat 4px 0;
                                    background-size:12px auto;
                                    padding-left:22px;
                                    color:#333;
                                    font-size:.75rem;
                                }
                                .speakers .otherName{
                                    color:#333;
                                    font-size:.75rem;
                                }

@media screen and (max-width:932px){/* i14 Pro Max Landscape */
    .roomContainer{
        overflow:hidden;
    }
        .roomItem{
            float:none;
            position:absolute; top:0; z-index:-1;
            width:100% !important;
            height:auto !important;
            opacity:0;
            height:0;
            overflow:hidden;
            border-right: 1px solid #ddd;
            transition:.2s;
        }
        .roomItem.active{
            position:relative; z-index:1;
            height:auto;
            opacity:1;
        }
            .agendaList{
                
            }
                .agendaItem.agendaNull{
                    display:none;
                }
                    .agendaInfo,
                    .agendaBreak .agendaInfo{
                        height:auto !important;
                    }
                        .agendaTime{
                            position:static;
                            background-color:transparent;
                            border:none;
                            padding:0;
                            margin-bottom:10px;
                        }
                        .agendaLink{
                            position:static;
                            padding:0;
                        }
                        .agendaLink:hover{
                            background-color:transparent;
                            box-shadow:none;
                        }
                            .agendaTitle{
                                font-size:1rem;
                            }
                            .agendaBreak .agendaTitle{
                                
                            }
}
@media screen and (max-width:430px){/* i14 Pro Max */
    .roomItem{
        border:none;
    }    
        .agendaOpening .agendaInfo,
        .agendaInfo{
            padding:15px;
        }
            .agendaTime{
                background:url(../images/icon_time.svg) no-repeat 0 50%;
                background-size:20px auto;
                font-size:1rem;
                line-height:1.2;
                padding-left:24px;
            }
            .agendaTitle{
                font-size:1.125rem;
            }
            .speakers .name{
                background-position-y:2px;
                font-size:.875rem;
            }
}

/*-------------------------------------------
Social
-------------------------------------------*/
.socialEvent .socialPic{
    margin:0;
    float:right;
    width:40%;
}
    .socialEvent .socialPic img{
        width:100%;
    }
.socialEvent .socialInfo{
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    width:50%;
}
    .socialEvent .socialInfo li{
        padding:0 0 25px 100px;
    }
        .socialEvent .socialInfo label{
            position:absolute; left:0;
            font-weight:700;
        }
        .socialEvent .socialInfo [class*='material-icons']{
            vertical-align:top;
            margin-right:5px;
            color:var(--main-color);
        }
.socialEventPlaceMap{
    position:relative;
    margin-top:20px;
}
    .socialEventPlaceMap img{
        display:block;
        margin:0 auto;
        width:100% !important;
    }

/*===========================================
RWD
===========================================*/
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
    .searchBlock select{
        max-width:160px;
    }
    .responsiveWrap{
        overflow-x:auto;
        overflow-y:hidden;
        padding:20px 0 36px;
        margin:0 -20px;
    }
        .responsiveWrap:before, .responsiveWrap:after{
            content:"* You can slide left and right.";
            display:block;
            position:absolute;
            font-size:12px;
            color:#C60;
        }
        .responsiveWrap:before{
            margin-top:-20px;
        }
        .responsiveWrap:after{
            margin-top:2px;
        }
            .responsiveWrap > table{
                width:1000px;
            }
    .programList{
        font-size:14px;
    }
}
@media screen and (max-width:820px){/* iPad Air and Portrait */
    .searchBlock .col label{
        display:block;
    }
    .searchBlock select{
        max-width:240px;
    }
    .searchBlock input[type="submit"]{
        position:absolute; bottom:0;
    }
}
@media screen and (max-width:667px){/* i6 ~ i8 Landscape */
    .searchBlock select{
        max-width:200px;
    }
}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */
    .searchBlock .col{
        width:49%;
        margin:5px 0;
    }
        .searchBlock .col label{
            display:inline-block;
            width:60px;
        }
        .searchBlock select{
            max-width:180px;
        }
        .searchBlock  input[type="submit"]{
            right:20px; bottom:5px;
        }
}
@media screen and (max-width:568px){/* i5 Landscape */
    .programList thead{
        display:none;
    }
    .programList tbody tr{
        display:block;
        position:relative;
        margin-top:15px;
        padding:10px;
        background-color:#fff;
    }
    .programList tbody tr:first-child{
        margin-top:0;
    }
        .programList tbody td{
            display:block;
            position:relative;
            text-align:left;
            border:none;
            background-color:transparent;
            padding:0 0 0 30px;
            min-height:24px;
        }
        .programList tbody td[data-th="Seminar"]{
            font-weight:700;
            color:#111;
            padding-bottom:5px;
        }
        .programList tbody td[data-th="My Agenda"]{
            border-top:1px solid rgba(0,0,0,.1);
            text-align:right;
            margin-top:5px;
            padding-top:5px;
        }
            .programList tbody td[data-th="My Agenda"] label{
                margin-right:0;
            }
            .programList tbody td[data-th="My Agenda"]:after{
                content:"to "attr(data-th);
            }
            .programList [class*='material-icons']{
                display:inline-block;
                position:absolute; left:0;
                font-size:22px;
                color:#999;
            }
    .viewpoint .photo{
        width:200px; height:115px;
    }
}
@media screen and (max-width:430px){/* i14 Pro Max */
    .searchBlock .col{
        width:100%;
        margin:5px 0;
        padding-left:65px; padding-right:0;
    }
        .searchBlock .col label{
            position:absolute; left:0;
            margin-top:8px;
        }
        .searchBlock select{
            width:100%;
            max-width:100%;
        }
        .searchBlock  input[type="submit"]{
            right:0; bottom:auto;
        }
    .filesDownload{
        margin-bottom:15px;
    }
        .filesDownload .btn{
            position:static;
        }
    .program .partTitle .date{
        font-size:16px;
    }
    .program table thead th{
        width:20%;
    }
    .program table thead th:first-child{
        width:auto;
        padding-left:10px; padding-right:10px;
    }
    .program table time em{
        display:block;
        line-height:6px;
        transform:rotate(-90deg);
    }
    .program table .topicType{
        font-size:16px;
    }
    .socialEvent .socialPic{
        width:100%;
        padding:0 15px 30px;
    }
    .socialEvent .socialInfo{
        width:100%;
    }
        .socialEvent .socialInfo li{
            padding:0 0 15px 80px;
        }
}
@media screen and (max-width:320px){/* i5 */
    .program .partTitle .date{
        font-size:14px;
    }
    .program table .topicType{
        font-size:15px;
    }
        .responsiveWrap{
            margin:0 -15px;
        }
}