/*===========================================
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;
	display:flex;
	width:60%;
	align-items:center;
	justify-content:center;
	text-align:center;
}
	.dataTabs__item{
		flex:1 0 auto;
	}
		.dataTabs__link{
			display:block;
			color:#333;
			border-radius:3px;
			padding:8px 5px;
			width:100%;
			transition:.1s;
		}
		.dataTabs__link:hover{
			color:#fff;
			background-color:var(--main-color);
			box-shadow:0 1px 8px rgb(0 0 0 / 30%);
		}
		.dataTabs__link.active,
		.dataTabs__link.active:hover{
			border-radius:0;
			background-color:transparent;
			color: #000;
			font-weight:700;
			box-shadow:0 2px 0 var(--main-color);
		}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	.dateTabs{
		width:100%;
	}
}

/*-------------------------------------------
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 20px;
			color:#000;
			font-size:1.5rem; line-height:1;
		}
			#dateContainer .meetingDate span{
				font-size:1rem;
				font-weight:400;
				opacity:.65;
			}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	#dateContainer{
		margin:0 -20px;
	}
		#dateContainer .meetingDate{
			padding:0 20px;
		}
}
@media screen and (max-width:320px){/* i5 */
	#dateContainer{
		margin:0 -15px;
	}
		#dateContainer .meetingDate{
			padding:0 15px;
		}
}

/*-------------------------------------------
Room Tabs
-------------------------------------------*/
.roomTabs{
	display:-ms-flexbox;
    display:flex;
    display:-webkit-box;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
	list-style:none;
	margin:0 auto;
	padding:0;
	border-bottom:2px solid #ddd;
}
	.roomTabs .tab{
		position:relative;
		-webkit-box-flex:1;
		-ms-flex:1;
		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:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	.roomTabs .tab{
		color:#777;
	}
	.roomTabs .tab:hover{
		color:#1ea1f3;
	}
	.roomTabs .tab.active{
		cursor:default;
		color:#000;
	}
		.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:414px){/* i6,i7,i8 Plus */
	.roomTabs .tab{
		font-size:.75rem; font-weight:400;
	}
		.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:#fdf2d9;
			}
				.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 0 0;
									background-size:12px auto;
									padding-left:18px;
									color:#333;
									font-size:.75rem;
								}
								.speakers .otherName{
									color:#333;
									font-size:.75rem;
								}

@media screen and (max-width:926px){/* i12 Pro Max, i13 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:414px){/* i6,i7,i8 Plus */
	.roomItem{
		border:none;
	}	
		.agendaOpening .agendaInfo,
		.agendaInfo{
			padding:15px;
		}
			.agendaTime{
				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 .material-icons{
			vertical-align:top;
			margin-right:5px;
			color:var(--main-color);
		}


/*===========================================
RWD
===========================================*/
@media screen and (max-width:926px){/* i12 Pro Max, i13 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:768px){
	.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 .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;
		}
}