@charset "UTF-8";
/*===========================================
Program
===========================================*/
.page-header__title{
	font-size:2rem;
}
.article-container{
	
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.page-header__title{
		font-size:1.5rem;
	}
	.article-container {
		padding-left:15px; padding-right:15px;
	}
}

/*-------------------------------------------
Date Tabs
-------------------------------------------*/
.date-tabs{
	text-align:center;
	margin:-10px 0 30px;
	/* display:none; */
}
	.date-tabs__list{
		display:inline-block;
		list-style:none;
		margin:0 auto;
		padding:0;
		border-bottom:2px solid #ccc;
	}
		.date-tabs__item{
			display:inline-block;
			-webkit-transition:.3s; transition:.3s;
		}
		.date-tabs__item.tab--active{
			box-shadow:0 3px 0 #127dd7, inset 0 -1px 0 #127dd7;
		}
			.date-tabs__link{
				display:block;
				padding:10px 30px;
				color:#777;
				font-size:1.5rem; line-height:1;
				-webkit-transition:.3s; transition:.3s;
			}
			.tab--active .date-tabs__link{
				color:#127dd7;
				font-weight:700;
			}
				.date-tabs__week{
                    display:block;
					font-size:.875rem; font-weight:400;
					opacity:.7;
					padding-top:4px;
				}
@media screen and (max-width:430px){/* i14 Pro Max */
	.date-tabs__link{
		font-size:1.25rem;
	}
}

/*-------------------------------------------
Date Program
-------------------------------------------*/
.code__notice{
	padding:10px 0;
	color:brown;
	font-size:.875rem;
}
	.code__tag{
		display:inline-block;
		padding-right:20px;
	}
.program-glance__table{
	border-collapse:collapse;
	width:100%;
}
	.program-glance__table thead th{
		background-color:#ebf5fd;
		width:calc((100% - 100px) / 4);
		color:#127dd7;
		line-height:1.2;
		padding:5px;
		border:1px solid #ccc;
	}
	.program-glance__table thead tr:nth-child(1) th:nth-child(1){
		position:relative;
		border-bottom-width:2px;
        width:100px;
	}
    .program-glance__table thead .tr__room th:nth-child(n+2){
        border-bottom:none;
    }
    .program-glance__table thead .tr__zoom th{
        border-top:none; border-bottom:2px solid #ccc;
    }
		.program-glance__table thead tr:nth-child(1) th:nth-child(1) .border-bg{
			content:"";
			display:block;
			position:absolute; left:0; top:0; bottom:0; z-index:0;
			width:0;
			height:0;
			border-style:solid;
			border-width:97px 0 0 133px;
			border-color:transparent transparent transparent #fff;
			background-color:#ebf5fd;
		}
		.program-glance__table thead .label-place{
			position:absolute; top:10px; right:10px; z-index:1;
		}
		.program-glance__table thead .label-time{
			position:absolute; bottom:10px; left:10px; z-index:1; 
		}
		.program-glance__table thead th .seat{
			font-size:.875rem;
			opacity:.7;
		}
        .program-glance__table thead a{
            display:inline-block;
            color:#111;
            background:url(../images/icon-scroll-down.svg) no-repeat 100% 50%;
            background-size:auto 16px;
            padding-right:18px;
            transition:.2s;
        }
        .program-glance__table thead a:hover{
            color:var(--primary-color);
            background-position:100% calc(50% + 3px);
        }
            .program-glance__table .btn-zoom{
                background:url(../images/icon-zoom-logo.svg) #fff no-repeat 50% 50%;
                background-size:calc(100% - 15px) auto;
                border-radius:30px;
                width:60px;
                padding:0;
                box-shadow:0 3px 8px rgb(0 0 0 / 20%);
                overflow:hidden;
                text-indent:-99999em;
            }
            .program-glance__table .btn-zoom:hover{
                background-position:50% 50%;
                box-shadow:0 1px 3px rgb(0 0 0 / 20%);
            }
	.program-glance__table tbody .tr__lunch-symposium{
		background-color:#fff9e9;
	}
		.program-glance__table tbody th,
		.program-glance__table tbody td{
			padding:5px;
			border:1px solid #ccc;
			color:#333;
			font-size:.875rem; line-height:1.3;
			text-align:center;
			position:relative;
		}
			.program-glance__table tbody th time{
				color:#127dd7;
                font-size:1rem;
			}
				.program-glance__table .time-min{
					color:#777;
					font-size:.875rem; font-weight:400;
				}
				.program-glance__table tbody a{
					display:inline-block;
                    color:#111;
                    background:url(../images/icon-scroll-down.svg) no-repeat 50% calc(100% - 3px);
                    background-size:auto 16px;
                    padding-bottom:18px;
                    transition:.2s;
				}
                .program-glance__table tbody a:hover{
                    color:var(--primary-color);
                    background-position:50% 100%;
                }
.agenda__changes__explained{
	padding:5px 0;
}

.date-program__wrap{
	position:relative;
	/* display:none; */
}
	.date-program__content{
		position:absolute; top:0; left:0; z-index:-1;
		width:100%;
        height:0;
        overflow:hidden;
		opacity:0;
		transition:.3s;
	}
	.date-program__content.program--active{
		position:static;
        height:auto;
		opacity:1;
	}
		.agenda__place{
			/* display:none; */
            transition:.5s;
		}
        .agenda__place.focus{
            background-color:#fffbe9;
        }
			.agenda__place-name{
				margin:2px 0;
				background-color:#f1f1f1;
				font-size:1.25rem; line-height:1;
				padding:15px;
				position:relative;
				cursor:pointer;
				transition:.3s;
			}
			.agenda__place-name:hover{
				color:#127dd7;
			}
				.agenda__place-name::after{
					content:"";
					display:inline-block;
					width:24px; height:24px;
					background-image:url(../images/icon-menu-arrow.svg?v=20191004);
					background-position:50% 50%;
					background-repeat:no-repeat;
					background-size:24px 24px;
					position:absolute; right:15px;
					transform:rotate(-90deg);
					margin-top:-2px;
					transition:.3s;
                    display:none; /* 因為不收合，關閉icon */
				}
            /* 因為不收合，關閉.place--active */
			/* .place--active */.agenda__place-name{
				background-color:#d1eafd;
				color:#127dd7;
				box-shadow:inset 0 -2px 0 rgba(0,0,0,.1);
			}
				.place--active .agenda__place-name::after{
					background-image:url(../images/icon-list-arrow-active.svg?v=20191004);
					transform:rotate(0deg);
				}
				.agenda__place-name .seat{
					font-size:1rem;
					opacity:.7;
				}
                .agenda__place-name span{
                    margin-left:10px;
                    font-size:.875rem; font-weight:400;
                    opacity:.8;
                    vertical-align:3px;
                }
                    .agenda__place-name .date-tabs__week{
                        display:none;
                    }
			.agenda__content{
				/* display:none; */
				display:block; /* 因為不收合，顯示所有內容 */
			}
			.place--active .agenda__content{
				/* display:block; */
			}
				.agenda__list{
					list-style:none;
					margin:0;
					padding:0;
				}
					.agenda__item{
						position:relative;
						border-top:1px solid #ddd;
						padding:15px 0 15px 140px;
						transition:.5s;
					}
					.agenda__item:first-of-type{
						border-top:none;
					}
					.agenda__item.focus{
                        background-color:#fffbe9;
					}
						.agenda__item time{
							position:absolute; left:15px;
							color:#127dd7;
							font-weight:700;
						}
							.agenda__item time .time-min{
								color:#777;
								font-size:.875rem; font-weight:400;
								margin-left:.5em;
							}
						.agenda__title{
							color:#111;
							font-weight:700;
						}
						.agenda__title:nth-of-type(n+2){
							border-top:2px solid #ddd;
							padding-top:15px;
						}
                        .agenda__session{
                            font-size:.875rem;
                        }
                        .agenda__host{
                            
                        }
							.agenda__host span{
								margin-right:10px;
							}
							.agenda__host .partII{
								padding-left:65px;
							}
					.agenda__detail{
						border-top:1px solid #ddd;
						margin-top:10px;
						padding-bottom:10px;
					}
						.agenda__table{
							color:#222;
						}
							.agenda__table tr:nth-child(odd){
								background-color:rgba(0,0,0,.05);
							}
								.agenda__table td{
									font-size:.875rem;
									padding:5px 10px;
									vertical-align:top;
								}
								.agenda__table .col-time{
									width:20%;
									white-space:nowrap;
									font-weight:700;
								}
									.agenda__table .col-time div{
										color:#777;
										font-weight:400;
									}
									.agenda__table small{
										display:block;
										color:#777;
										font-size:.75rem;
									}
									.agenda__table p{
										color:#666;
										margin:5px 0 0;
									}
										.agenda__table p span{
											display:inline-block;
											vertical-align:top;
											white-space:nowrap;
											margin-right:5px;
										}
@media screen and (max-width:1024px){
	.program-glance{
		overflow-x:auto;
		overflow-y:hidden;
	}
		.program-glance::before,
		.program-glance::after{
			display:block;
			content:"* you can left or right swipe program.";
			color:Chocolate;
			font-size:.875rem;
			padding:5px 0;
		}
		.program-glance__table{
			width:940px;
		}
			.program-glance__table .sticky-time{
				position:absolute; top:0; left:0; z-index:1;
				margin-left:-1px; margin-right:-2px;
				width:calc(100% + 2px); height:100%;
				background-color:#fff;
				border-left:1px solid #ccc;
				border-right:1px solid #ccc;
				box-shadow:3px 0 3px rgba(0,0,0,.1);
			}
				.program-glance__table .sticky-time > time{
					display:block;
                    font-size:.875rem;
					width:100%;
					position:absolute; left:0; top:50%;
					transform:translateY(-50%);
				}
				.program-glance__table .sticky-time > .time-min{
					font-size:.75rem;
				}
					.program-glance__table thead .sticky-time .border-bg{
						content:"";
						display:block;
						position:absolute; left:0; top:0; bottom:0; z-index:0;
						width:0;
						height:0;
						border-style:solid;
						/* border-width:97px 0 0 133px; */
						border-top-width:97px;
						border-left-width:133px;
						border-color:transparent transparent transparent #fff;
						background-color:#ebf5fd;
					}
}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	.program-glance__table{
		width:940px;
	}
	.program-glance__table tbody th,
	.program-glance__table tbody td,
	.program-glance__table tbody .sticky-time{
		font-size:.875rem;
	}
	.agenda__item{
		
	}
		.agenda__item time .time-min{
			margin-left:1em;
		}
}
@media screen and (max-width:568px){/* i5 Landscape */
	.agenda__changes__explained{
		font-size:.875rem;
	}
	.code__notice{
		padding:10px 0;
	}
		.code__tag{
			display:block;
			padding-right:0;
			margin-left:45px;
		}
			.code__tag strong{
				float:left;
				margin-left:-45px;
			}
	.agenda__place-name{
		font-size:1.125rem;
	}
		.agenda__item{
			padding-left:90px;
			min-height:4em;
		}
			.agenda__item time{
				left:0;
			}
				.agenda__item time .time-min{
					display:block;
					margin-left:0;
					color:#aaa;
				}
			.agenda__host small{
				color:#aaa;
				display:block;
				margin-top:2px;
			}
			.agenda__host span{
				display:block;
				margin-right:0;
			}
			.agenda__host .partII{
				padding-left:0;
			}
			.agenda__table tr{
				display:block;
				padding:5px 10px;
			}
				.agenda__table td{
					display:block;
					padding:3px 0;
				}
				.agenda__table .col-time{
					width:100%;
					padding-bottom:5px;
				}
					.agenda__table .col-time div{
						color:#aaa;
						display:inline-block;
						margin-left:1em;
					}
					.agenda__table small{
						color:#aaa;
						display:inline-block;
						width:7.3em;
					}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.agenda__list{
		padding-top:20px;
	}
		.agenda__item{
			padding-left:0;
		}
		.agenda__item:first-of-type{
			border-top: 1px solid #ddd;
		}
			.agenda__item time{
				background-color:#fff;
				padding-right:12px;
				top:-12px;
			}
}
@media screen and (max-width:320px){/* i5 */
	.agenda__table td{
		font-size:.75rem;
		padding:5px;
	}
}

/*-------------------------------------------
Program Information
-------------------------------------------*/
.program-info{
	margin:0;
}
	.program-info dt{
		color:#127dd7;
		font-weight:700;
		float:left;
	}
	.program-info dd{
		margin-left:80px; margin-bottom:10px;
		padding-bottom:10px;
		font-size:1.125rem;
		border-bottom:1px solid #e3e3e3;
	}
	.program-info dd:last-of-type{
		padding-bottom:0;
		margin-bottom:0;
		border:none;
	}
.program-container{
	margin-top:30px;
}
	.program-table thead th{
		background-color:#ebf5fd;
		color:#127dd7;
		padding:5px;
		box-shadow:inset 0 -2px 0 rgba(0,0,0,.1);
	}
	.program-table tbody td{
		padding:10px 15px;
		border-bottom:1px solid #e3e3e3;
		color:#333;
		line-height:1.3;
	}
	.program-table tbody td:nth-child(1){
		padding-right:30px;
	}
	.program-table tbody td:nth-child(2){
		color:#111;
	}
	.program-table tbody td:nth-child(3){
		padding-left:30px;
		white-space:nowrap;
	}
	.program-table tbody .session td{
		color:#111;
	}
	.program-table tbody .break td{
		background-color:#fef7ee;
	}
	.program-table tbody .country{
		color:#777;
		font-size:.875rem;
	}
		.program-table .moderator{
			margin-top:8px;
		}
@media screen and (max-width:736px){/* i6,i7,i8 Plus Landscape */
	.program-table tbody td:nth-child(3) .country{
		display:block;
	}
}
@media screen and (max-width:568px){/* i5 Landscape */
	.program-info dt{
		float:none;
	}
	.program-info dd{
		margin-left:0;
		font-size:1rem;
	}
	.program-table tbody td:nth-child(1){
		padding-right:20px;
	}
	.program-table tbody td:nth-child(3){
		padding-left:20px;
	}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.program-info__dd__date font{
		display:block;
	}
	.program-table{
		border-top:1px solid #ccc;
	}
		.program-table thead th{
			display:none;
		}
		.program-table tbody tr{
			display:block;
			border-bottom:1px solid #e3e3e3;
			padding:10px 0;
			position:relative;
		}
		.program-table tbody td{
			display:block;
			padding:0;
			border-bottom:none;
		}
		.program-table tbody td:nth-child(1){
			padding-right:0;
			font-size:.875rem;
			position:absolute; left:0;
			margin-top:1px;
		}
		.program-table tbody td:nth-child(2){
			color:#111;
			padding-left:100px;
		}
		.program-table tbody td:nth-child(3){
			padding-left:100px; padding-top:8px;
			color:#777;
			font-size:.875rem; line-height:1.2;
		}
		.program-table tbody .session td{
			font-size:1rem;
			position:static;
		}
		.program-table tbody .break{
			padding:10px 0;
		}
			.program-table tbody .break td{
				background-color:transparent;
				color:Chocolate;
			}
		.program-table tbody td:nth-child(3) .country{
			display:inline;
		}
			.program-table .moderator{
				position:relative;
				padding-left:100px;
				font-size:.875rem;
			}
				.program-table .moderator label{
					position:absolute; left:0;
				}
				.program-table .moderator i{
					display:block;
					height:1px;
					opacity:0;
					overflow:hidden;
				}
}

/*-------------------------------------------
Program Information
-------------------------------------------*/
.scrollUp{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    padding:0;
    background:url(../images/icon-scroll-up-white.svg) no-repeat 50% 50% var(--primary-color);
    background-size:80% auto;
    border-radius:50%;
    position:fixed; right:15px; bottom:15px;
    transition:.4s ease;
    box-shadow:0 3px 8px rgb(0 0 0 / 20%);
    opacity:0;
    pointer-events:none;
}
.scrollUp.scrollUp--active{
    opacity:1;
    pointer-events:auto;
}