/*===========================================
program
===========================================*/
#programHeader{
	position:relative;
	text-align:center;
}
	#dayTabs{
		position:absolute; top:0; right:0;
		border-bottom:2px solid #ddd;
		white-space:nowrap;
	}
		#dayTabs .tab{
			display:inline-block;
			color:#666;
			text-align:center;
			padding:5px 20px;
			margin:0 5px;
			position:relative;
		}
		#dayTabs .tab:hover{
			color:var(--button-color);
		}
		#dayTabs .active{
			color:var(--main-color);
			font-weight:700;
			cursor:default;
		}
			#dayTabs .active::before{
				content:"";
				display:inline-block;
				border-bottom:4px solid var(--main-color);
				position:absolute; left:0; bottom:-3px;
				width:100%;
			}
	#programHeader .partTitle{
		text-align:left;
	}
		#programHeader .partTitle .week{
			color:#666;
			font-size:.875rem; font-weight:400;
		}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	#dayTabs{
		display:inline-block;
		position:static;
		text-align:center;
		margin:0 auto 30px;
	}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	#dayTabs .tab{
		padding:5px 10px;
	}
}

/*-------------------------------------------
type Filter
-------------------------------------------*/
#typeFilter{
	background-color:#fefae9;
	padding:15px;
	margin-bottom:20px;
	color:#333;
}
	#typeFilter div{
		display:inline-block;
		margin:5px 42px 5px 0;
		background:url(../images/program_radio@2x.png?v=20190320) no-repeat 0 50%;
		background-size:24px 24px;
		padding-left:28px;
		cursor:pointer;
		transition:.1s;-moz-transition:.1s;
	}
	#typeFilter div:hover{
		color:#009cff;
	}
	#typeFilter .active{
		background-image:url(../images/program_radio_checked@2x.png?v=20190320);
	}

	.programTable tbody td div{
		transition:.1s;
	}
	.programTable tbody td div.opacity{
		opacity:.2;
	}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	#typeFilter div{
		width:24%;
		margin-right:0;
	}
}
@media screen and (max-width:768px){
	#typeFilter{
		padding:10px;
	}
		#typeFilter div{
			width:32.5%;
		}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	#typeFilter div{
		width:49.5%;
	}
}
@media screen and (max-width:320px){/* i5 */
	#typeFilter div{
		display:block;
		width:100%;
	}
}

/*-------------------------------------------
program
-------------------------------------------*/
#program{
	/* display:none; */
}
.explanation.onlyRWD{
	display:none;
}
.programWrapper{
	position:relative;
}
	.programTableRWD{
		border-collapse:collapse;
		display:none;
	}
	.programTableRWD.fixed{
		display:block;
		position:absolute; top:0; z-index:2;
		width:100%;
	}
	.programTable{
		border-collapse:collapse;
		margin-top:12px;
	}
	.programTable.fixed{
		/* margin-top:62px; */
	}
		/* Table thead */
		.programTable.fixed thead{
			/* position:fixed; top:98px; z-index:2; */
			width:100%;
		}
		.programTableRWD thead th, .programTableRWD thead td,
		.programTable thead th, .programTable thead td{
			color:#000;
			font-size:.875rem; line-height:1.2;
			letter-spacing:0;
			text-align:center;
			border-bottom:2px solid #aaa;
			background-color:#f1f1f1;
			padding:5px;
		}
		.programTableRWD thead td,
		.programTable thead td{
			box-shadow:-1px 0 1px #e1e1e1;
		}
			.programTableRWD thead td strong,
			.programTable thead td strong{
				display:block;
				color:var(--main-color);
				font-size:1.25rem; 
			}
		/* Table tbody */
		.programTable tbody th,
        .programTable tbody td{
			position:relative;
			padding:10px 5px;
			letter-spacing:0;
			text-align:center;
		}
		.programTable tbody th{
			color:#333;
			letter-spacing:0;
			background-color:#f5f5f5;
			border-right:1px solid #ccc;
			border-bottom:1px solid #ccc;
			letter-spacing:0;
		}
			.programTable tbody th i{
				padding:0 3px;
			}
		.programTable tbody td{
			position:relative;
			font-size:.875rem;
            line-height:1.3;
			border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1;
            vertical-align:top;
		}
		.day1 .programTable tbody td{
			padding:30px 5px;
		}
		.programTable tbody tr td:hover{
			background-color:#fffcee;
		}
		.programTable tbody td.empty,
		.programTable tbody td.empty:hover{
			background-color:#f7f7f7;
		}
            .programTable tbody td > div{
                padding-bottom:45px;
            }
            .day1 .programTable tbody td > div{
                padding-bottom:0;
            }
			.programTable tbody a{
                display:block;
            }
			.programTable tbody a:hover{
				color:var(--main-color);
			}
                .programTable tbody a::before{
                    content:"";
                    display:block;
                    height:20px;
                    background:url(../images/icon_program-view.svg) no-repeat 50% 0;
                    background-size:contain;
                    opacity:.65;
                }
                .programTable tbody h3{
                    display:inline;
                }
                .programTable tbody .name{
                    display:block;
                    color:var(--main-color);
                    font-size:.75rem; font-weight:700;
                    margin-top:8px;
                }
                .programTable tbody .session{
                    display:block;
                    font-size:.875rem; font-weight:700;
                    margin-top:8px;
                }
                .programTable tbody .society{
                    color:brown;
                    margin-top:5px;
                }
                    .programTable tbody .society .text{
                        text-indent:0;
                        position:absolute; bottom:0; left:0; right:0;
                        padding:5px;
                        text-align:left;
                    }
                .programTable tbody .sponsor{
                    margin-top:5px;
                }
                .programTable tbody .centerVertically{
                    position:absolute; top:0; left:0; right:0; bottom:0;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    padding:5px;
                }
.updated{
	color:#777;
	font-size:.75rem;
	padding-top:5px;
	text-align:right;
}
@media screen and (max-width:1024px){
    .programTable tbody th{
        font-size:.875rem;
    }
}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	#program section{
        width:calc(100% + 15px);
    }
    .explanation.onlyRWD{
		display:block;
		font-size:.75rem;
	}
		/*--- Finger Swipe ---*/
		.fingerSwipe{
			display:block;
			position:absolute; z-index:10;
			transform:translate(10px, 30px);
		}
			.fingerSwipe::before,
			.fingerSwipe::after{
				content:"";
				display:inline-block;
				background-position:50% 50%;
				background-repeat:no-repeat;
				background-size:18px 18px;
				width:18px;
				height:18px;
				opacity:.5;
			}
			.fingerSwipe::before{
				background-image:url(../images/icon_arrow_back.svg);
			}
			.fingerSwipe::after{
				background-image:url(../images/icon_arrow_forward.svg);
			}
			.fingerSwipe i{
				display:inline-block;
				width:10px; height:30px;
				border-radius:40%;
				background-color:#333;
				position:absolute; left:68%; z-index:1;
				transform:rotate(-30deg) scale(0.6);
				-webkit-animation-duration:1.2s;animation-duration:1.2s;
				-webkit-animation-fill-mode:both;animation-fill-mode:both;
				-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;
				-webkit-animation-timing-function:ease;animation-timing-function:ease;
				-webkit-animation-name:scrollFloat;animation-name:scrollFloat;
			}
				.fingerSwipe i::before,
				.fingerSwipe i::after{
					content:"";
					display:inline-block;
					background-color:#333;
					position:absolute;
				}
				.fingerSwipe i::before{
					width:28px; height:32px;
					top:20px; left:-4px;
					border-radius:15px;
				}
				.fingerSwipe i::after{
					width:12px; height:28px;
					top:20px; left:-10px;
					border-radius:45%;
					transform:rotate(-40deg);
				}
		@-webkit-keyframes scrollFloat{
			0%,100%{left:12px;}
			50%{left:20px;}
		}
		@keyframes scrollFloat{
			0%,100%{left:12px;}
			50%{left:20px;}
		}
	.programWrapper{
		position:relative;
		overflow-x:auto;
		overflow-y:hidden;
		padding:0; padding-right:10px;
	}
		.programTableRWD.fixed{
			display:block;
			position:absolute; top:0; z-index:3;
			width:1280px;
			/* margin-top:12px; */
		}
		.programTable.fixed{
			margin-top:0;
		}
			.programTable{
				width:1280px;
			}
			.programDay1{
				width:100%;
			}
				.programTable.fixed thead{
					position:static; top:auto;
				}
				.programTable tbody th{
					font-size:.875rem;
					white-space:nowrap;
					padding:0;
				}
					.programTable tbody th .stickyTime{
						position:absolute; top:0; z-index:2;
						width:100%; height:100%;
						text-align:left;
						background-color:#f5f5f5;
						border-right:1px solid #ccc;
						box-shadow:0 1px 0 #ccc, 3px 3px 8px rgba(0,0,0,.1);
					}	
						.programTable tbody th .stickyTime span{
							position:absolute; top:50%; left:50%;
							transform:translate(-50%,-50%);
						}
}
@media screen and (max-width:768px){
	.programTable tbody th,
	.programTable tbody td{
		padding:10px 5px;
	}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.programTableRWD thead td,
	.programTable thead td{
		width:14%;
	}
	.day2 .programTableRWD thead td,
	.day2 .programTable thead td{
		width:12%;
	}
	.programDay1 thead td{
		width:auto;
	}
	.programTable tbody th i{
		display:block;
		position:relative;
		font-style:normal;
		line-height:12px;
		transform:rotate(90deg);
	}
	.programTable tbody th .stickyTime i{
		top:16px;
		font-size:1.2rem;
	}
    .programTable tbody a::before{
        
    }
}

/*-------------------------------------------
Society Logo (2021/08/04 新增)
-------------------------------------------*/
.PostgraduateCourse a{
    /* padding-bottom:30px;
    background:url(../images/s_logo_youtube_live.png) center bottom no-repeat;
    background-size:40px auto; */
}
.society{
    min-height:45px;
    overflow:hidden;
    text-indent:-99999em;
    position:absolute; top:0; left:0; right:0; bottom:0;
    margin:0 !important;
}
.youtubeLive{
    min-height:45px;
    /* background:url(../images/s_logo_youtube_live.png) right 5px bottom 10px no-repeat; */
    background-size:40px auto;
    position:absolute; top:0; left:0; right:0; bottom:0;
    margin:0 !important;
}
    .society::before{
        content:"";
        display:block;
        background-position:left 5px bottom 5px;
        background-repeat:no-repeat;
        background-size:auto 40px;
        position:absolute; left:0; bottom:0;
        width:100%;
        height:45px;
    }
    .society.GEST::before{
        background-image:url(../images/s_logo_gest.png);
    }
    .society.DEST::before{
        background-image:url(../images/s_logo_dest.png);
    }
    .society.TMC::before{
        background-image:url(../images/s_logo_tmc.png);
    }
    .society.TPS::before{
        background-image:url(../images/s_logo_tps.png);
    }
    .society.TASSID::before{
        background-image:url(../images/s_logo_tassid.png);
    }
    .society.TASL::before{
        background-image:url(../images/s_logo_tasl.png);
    }
    .society.TNMS::before{
        background-image:url(../images/s_logo_tnms.png);
    }
    .society.TLCA::before{
        background-image:url(../images/s_logo_tlca.png);
    }
    .society.TSIR::before{
        background-image:url(../images/s_logo_tsir.png?v=20220829);
    }
    .society.TSPGHAN::before{
        background-image:url(../images/s_logo_tspghan.png);
    }
    .society.TSSG::before{
        background-image:url(../images/s_logo_tssg.png);
    }
    .society.Chii-Wann_Lin::before{
        background-image:url(../images/s_logo_itri.png);
    }
    .society.J-L-Sung::before{
        background-image:url(../images/s_logo_J-L-Sung.jpg);
    }
    .society.GEST-KASID::before{
        background-image:url(../images/s_logo_gest.png), 
                         url(../images/s_logo_gest-kasid.png);
        background-position:left bottom 5px, left 45px bottom 5px;
    }
    .society.GEST-TASL-DEST::before{
        background-image:url(../images/s_logo_gest.png),
                         url(../images/s_logo_tasl.png),
                         url(../images/s_logo_dest.png);
        background-position:left bottom 5px, left 42px bottom 5px, left 84px bottom 5px;
    }
    .society.TSSG-TPS::before{
        background-image:url(../images/s_logo_tssg.png),
                         url(../images/s_logo_tps.png);
        background-position:left bottom 5px, left 42px bottom 5px;
    }
 
/*-------------------------------------------
Sponsor Logo (2021/08/18 新增)
-------------------------------------------*/   
.sponsor{
    
}
    .sponsor::before{
        content:"";
        display:block;
        background-position:left 5px bottom 5px;
        background-repeat:no-repeat;
        background-size:auto 40px;
        position:absolute; left:0; bottom:0;
        width:100%;
        height:45px;
    }
    .sponsor.Olympus::before{
        background-image:url(../images/sponsors/YuanYu.png);
    }
    .sponsor.Gilead::before{
        background-image:url(../images/sponsors/gilead.png);
    }
    .sponsor.T-ACE::before{
        background-image:url(../images/sponsors/T-ACE.png);
    }
    .sponsor.BMS::before{
        background-image:url(../images/sponsors/bms.png?v=20210915);
    }
    .sponsor.Takeda::before{
        background-image:url(../images/sponsors/takeda.png);
    }
    .sponsor.Roche::before{
        background-image:url(../images/sponsors/roche.png);
    }
    .sponsor.AZ::before{
        background-image:url(../images/sponsors/az.png);
    }
    .sponsor.aetherAI::before{
        background-image:url(../images/sponsors/aetherAI.png);
    }
    .sponsor.BMS-ONO::before{
        background-image:url(../images/sponsors/bms.png?v=20210915),
                         url(../images/sponsors/ono.png);
        background-position:left bottom 5px, left 70px bottom 5px;
    }
    .sponsor.Abbvie::before{
        background-image:url(../images/sponsors/abbvie.png);
    }
    .sponsor.Fujifilm::before{
        background-image:url(../images/sponsors/fujifilm.png);
    }

/*-------------------------------------------
Fancybox
-------------------------------------------*/
.fancybox-skin{
	/* border-color:#fff; */
    /* border:none !important; */
    /* transition:.3s; */
    box-shadow: 0 0 0 20px #fff, 0 0 10px 30px rgb(0,0,0,.2);
}
.fancybox-close{
	/*top:-8px !important; right:-35px !important;*/
}

/*-------------------------------------------
Session
-------------------------------------------*/
#session{
	background-color:#fff;
	color:#000; 
	line-height:1.4;
    letter-spacing:0;
}
    #session article{
        padding-bottom:30px;
    }
	#session .title{
		font-weight:700;
	}
		#session .title h2{
			margin:0;
			color:#000;
			font-size:1.5rem;
		}
            #session .title h2 span{
                display:inline-block;
                color:#777;
                font-size:1rem;
                border-bottom:1px solid var(--main-color);
                margin-bottom:5px;
            }
		#session .title h3{
			margin:0;
			font-size:1.25rem;
		}
	#session .dateVenue{
		font-size:1rem;
		padding:10px 0;
	}
	#session .sessionTable{
		border-collapse:collapse;
		/* border:1px solid #cee7ef; */
	}
		#session .sessionTable th, #session .sessionTable td{
			padding:8px 8px;
		}
		/* --- thead --- */
		#session .sessionTable thead th{
			border-bottom:2px solid #aaa;
			background-color:#f1f1f1;
			color:#111;
			padding:3px 8px;
		}
		/* --- tbody --- */
		#session .sessionTable tbody th{
			background-color:#f5f5f5;
			border-right:1px solid #ccc;
			border-bottom:1px solid #ccc;
			color:#111;
			font-size:.875rem;
		}
		#session .sessionTable tbody td{
			border-bottom:1px solid #ddd;
			border-left:1px solid #e3e3e3;
			border-right:1px solid #e3e3e3;
			color:#000;
			font-weight:700;
            line-height:1.2;
		}
        #session .sessionTable tbody tr:first-child td[colspan="3"]{
            border-left:none;
        }
		#session .sessionTable tbody td:nth-child(2){
			border-left:0 !important;
		}
		#session .sessionTable tbody td:last-child{
			border-right:none;
		}
		#session .sessionTable tbody td.bigTitle{
			color:#000;
			font-size:1.25rem; font-weight:700;
            line-height:1.2;
		}
		#session .sessionTable tbody td.risingStar{
			background-color:#fff5d6;
		}
			#session .sessionTable .moderatorsRow{
				position:relative;
				padding-left:105px;
			}
				#session .sessionTable .moderatorsRow span{
					position:absolute; left:0;
					font-weight:700;
				}
			#session .rowspanData{
				display:none;
			}
			#session .sessionTable .speaker,
			#session .sessionTable .moderator{
				color:#111;
			}
			#session .sessionTable .hospital, 
			#session .sessionTable .country{
				color:#777;
				font-size:.875rem; font-weight:400;
                line-height:1.1;
				margin-top:5px; margin-bottom:5px;
			}
			#session .organizer{
				margin-top:10px;
			}
			#session .organizer,
			#session .co-organizer{
				
			}
				#session .organizer span,
				#session .co-organizer span{
					color:brown;
				}
	#session .important{
		font-size:.875rem;
	}
	#session .remarkNotice{
		list-style:none;
        margin:0;
        padding:10px 0 0;
        font-size:.875rem;
	}
        #session .remarkNotice li{
            position:relative;
            padding-left:1rem; padding-bottom:.25em;
            line-height:1.3;
        }
            #session .remarkNotice li font[color="red"]{
                position:absolute; left:0;
            }
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	#session .sessionTable{
		width:100%;
	}
}
@media screen and (max-width:736px){/* i6,i7,i8 Plus Landscape */
	#session{
		
	}
		#session .title{
			line-height:1;
		}
			#session .title h2{
				font-size:1.25rem;;
			}
		#session .dateVenue{
			font-size:.875rem;
			margin-top:10px;
		}
	#session .explanation.onlyRWD{
		display:none;
	}
	#session section{
		position:relative;
		overflow-x:auto;
		overflow-y:hidden;
		padding:0;
	}
		#session .sessionTable{
			
		}
			#session .sessionTable th,
            #session .sessionTable td{
				padding:5px;
			}
			/* --- thead --- */
			#session .sessionTable thead th{
				padding:5px;
			}
			#session .sessionTable thead th:first-child{
				width:55px;
			}
			/* --- tbody --- */
			#session .sessionTable tbody th{
				text-align:left;
			}
				#session .sessionTable .hospital, 
				#session .sessionTable .country{
					margin-bottom:0;
				}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	#session .dateVenue{
		font-size:.875rem;
	}
	#session .organizer,
	#session .co-organizer{
		font-size:.875rem;
	}
	#session .sessionTable{
		border:none;
		border-top:2px solid var(--main-color);
		border-bottom:1px solid #ccc;
	}
		#session .sessionTable thead{
			display:none;
		}
		#session .sessionTable tbody tr{
			display:block;
			padding:0 0 15px;
		}
			#session .sessionTable tbody th,
			#session .sessionTable tbody td{
				display:block;
				border:none;
			}
            #session .sessionTable tbody th{
                padding:2px;
                width:100%;
            }
                #session .sessionTable tbody th time{
                    display:block;
                    background-image:url(../images/icon_time.svg);
                    background-position:2px 50%;
                    background-repeat:no-repeat;
                    background-size:20px auto;
                    padding:5px 0 5px 25px;
                }
			#session .sessionTable tbody td{
				font-size:1.125rem;
				padding:5px 0 5px 25px;
			}
			#session .sessionTable tbody td.bigTitle{
				padding:5px;
			}
			#session .sessionTable tbody th[width="105"] + td[colspan="2"]{
				padding:5px;
			}
				#session .sessionTable .speaker,
				#session .sessionTable .moderator{
					font-size:1rem;
					margin-top:10px;
				}
					#session .sessionTable .speaker::before{
						content:"Speaker: ";
						display:block;
						margin-bottom:5px;
						font-size:.75rem; font-weight:700; line-height:1;
						letter-spacing:1.25px;
						border-left:3px solid var(--main-color);
						padding-left:5px;
					}
					#session .sessionTable .moderator::before{
						content:"Moderator: ";
						display:block;
						margin-bottom:5px;
						font-size:.75rem; font-weight:700; line-height:1;
						letter-spacing:1.25px;
						border-left:3px solid var(--main-color);
						padding-left:5px;
					}
					#session .sessionTable .speaker.moderator::before{
						content:"Speaker / Moderator: ";
					}
				#session .sessionTable tbody td:nth-child(3) br,
				#session .sessionTable tbody td:nth-child(4) br{
					display:none;
				}
				#session .sessionTable .hospital,
				#session .sessionTable .country{
					font-size:.75rem;
					margin-bottom:5px;
				}
			#session .sessionTable .moderatorsRow{
				padding-left:0;
			}
			#session .sessionTable tbody tr:first-child td[colspan="3"] .moderatorsRow{
				margin-left:-25px;
			}
				#session .sessionTable .moderatorsRow span{
					position:static;
					display:block;
					margin:5px 0;
					font-size:.75rem; font-weight:700; line-height:1;
					letter-spacing:1.25px;
					border-left:3px solid var(--main-color);
					padding-left:5px;
				}
			#session .rowspanData{
				display:block;
				padding-top:10px;
			}
}

/*-------------------------------------------
Webinar Background Template
-------------------------------------------*/
.templateList{
    list-style:none;
    margin:0;
    padding:0;
}
    .templateList li{
        position:relative;
        margin-bottom:20px;
    }
        .templateList li a.btn{
            padding-left:50px;
            text-align:left;
            position:relative;
        }
            .templateList li a::before{
                content:"";
                display:inline-block;
                width:24px;
                height:24px;
                background-image:url(../images/icon_file.svg);
                background-repeat:no-repeat;
                background-position:0 50%;
                background-size:20px auto;
                vertical-align:middle;
                position:absolute; top:9px; left:15px;
            }
            .templateList li a[href*=".pdf"]::before{
                background-image:url(../images/icon_pdf.svg);
            }
            .templateList li a[href*=".ppt"]::before{
                background-image:url(../images/icon_powerpoint.svg);
            }
            .templateList li a[href*=".jpg"]::before{
                background-image:url(../images/icon_img.svg);
            }

/*-------------------------------------------
Social Events (取消)
-------------------------------------------*/
.socialEvents thead th{
	text-align:center;
}
.socialEvents tbody th,
.socialEvents tbody td{
	padding:15px 10px;
	text-align:center;
}
.socialEvents tbody th{
	color:var(--main-color);
}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	.socialEvents tbody th,
	.socialEvents tbody td{
		padding:5px 10px;
	}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.socialEvents thead{
		display:none;
	}
	.socialEvents th,
	.socialEvents td{
		display:block;
	}
	.socialEvents tbody th{
		font-size:1.125rem;
		text-align:left;
	}
	.socialEvents tbody td{
		border:none;
		text-align:left;
		border-left:none !important;
	}
	.socialEvents td:nth-child(3){
		font-weight:700;
	}
	.socialEvents td:nth-child(4){
		padding-bottom:25px;
	}
}