@charset "UTF-8";
/* CSS Document */


@media screen and (max-width: 768px) {
	
	.mobile_show{
		display: block;
	}
	
	.mobile_hidden{
		display: none;
	}
	
	#menu {
		background-color: #e8ecf4; /*機版meun背景色*/
	}
	
	#menu .logo {
		width: 100%;
		text-align: center;
	}
	#menu .logo img{
		margin: 0;
		max-width: 100%;
	}
	
	#top-menu {
		display: block;
		text-align: right;
		padding-left: 0;
	    position: absolute;
		right: 0;
		padding: 0 20px;
	}
	
	#top-menu li {
		display: none;
		text-align: right;
		line-height: 2em;
	}
	
	#top-menu:before {
        
		content: "☰";
		font-family: "Font Awesome 5 Free"; /*抓不到這個字型，所以menu icon \f0c9 沒出現*/
		color: #000000;/*color: #a0c538;*/
		font-size: 2em;
	}
	
	#top-menu.open{
		background-color: white;
	}
	
	#top-menu.open li {
		display: block;
		padding-bottom: 40px;
	}
	
	#top-menu li a {
		color: #000000;
	}
	
	
	#slide1 .slide-center {
		padding-top: 21vh; /*主標文字距離上方的距離位置padding-top: 35vh;*/
	}
	
	#slide1 .slide-center .info{
		font-size: 16px;
	}
	
	#slide1 .title-img img {
		max-width: 90vw !important;
	}
	
	.main-slide .item {
		min-height: 100vh; /*min-height: 100vh;*/
	}
	
	
	
	#agenda .timeblock {
		display: block;
		width: 100%;
	}
	
	#agenda .timeblock > div {
		display: inline-block;
		width: 120px;
		height: 60px;
	}
	
	#agenda .timeblock > div:first-child {
		border-right: 1px solid lightgray;
	}
	
	#agenda .timeblock .timeline-img {
		width: 1px;
		margin: 0;
	}
	
	#agenda .timeline-img:after{
		top: -10px;
    	left: -10px;
	}
	
	#agenda .timeblock.focus > div:first-child{
	    width: 125px;
	}
	
	#agenda .timeblock > div:nth-child(3) {
		height: 40px;
	}
	
	#agenda .timeblock.focus .timeline-img:after{
		top: -15px;
		left: -16px;
	}
	
	.table-left {
		float: none;
		width: 100%;
		padding: 30px 0;
	}
	
	.table-right {
		float: none;
		width: 100%;
	}
	
	.agenda-item {
		padding: 20px;
		line-height: 2em;
		position: relative;
	}
	
	.speaker {
		position: absolute;
		top: 25px;
		right: 20px;
	}
	
	.speaker-title{
		text-align: right;
		line-height: 1em !important;
	}
	
	.speaker-title br {
		display: none;
	}
	
	.speaker-img {
		display: none;
	}
	
	.agenda-item.more:after{
		top: 45%;
	}
	
	.product-item{
		max-width: 95%;
	}
	.product-info {
		padding: 20px 10px 15px 30px;
	}
	
	#sponsor {
		min-height: unset;
	}
	
	.sponsor-tabs {
		text-align: center;
		padding: 0;
	}
	
	.sponsor-tabs li{
		font-size: 1em;
	}
	
	.sponsor-logo {
		max-width: calc(50% - 20px);
		margin-bottom: 20px;
	}
	
	.sponsor-contents .tab .row{
		margin-bottom: 0;
	}
	
	.sponsor-contents .tab{
		padding: 0;
	}
	
	.multiplerow {
		position: relative;
	}
	
	.multiplerow.owl-theme .owl-nav {
		position: absolute;
		width: 100%;
		top: 24%;
	}
	
	.multiplerow.owl-theme .owl-nav .owl-prev {
		float: left;
		margin-left: -15px;
	}
	
	.multiplerow.owl-theme .owl-nav .owl-next {
		float: right;
		margin-right: -15px;
	}
	
	.multiplerow.owl-theme .owl-nav > button span {
		color: white;
		font-size: 3em;
	}
	
	
	.showcase-tabs{
		padding: 0;
	}
    
    .showcase-tabs li {
    font-size: 2em;  /*產品館大標文字size*/
    }
    
    .showcase-tabs2 li {
    font-size: 2em;  /*產品館大標文字size*/
    }
	
	.theme-img {
		padding-top: 50%;
	}
	
	.theme-item:nth-child(2n-1) .theme-img,
	.theme-item:nth-child(2n) .theme-img {
		border-radius: 25px 25px 0 0;
	}
	
	.event-card-inner {
		position: static;
		left: 0;
		margin: auto;
	    width: 320px;
	}
	
	.event-card-outer {
		width: 100%;
	}
	
	.event-card-outer:after{
		display:none;
	}
	
	.event-cards.owl-carousel {
		position: relative;
	}
	
	.event-cards.owl-carousel .owl-nav {
		position: absolute;
		top: 45%;
		width: 100%;
	}
	
	.event-cards.owl-carousel .owl-nav button span {
		color: #a0c538;
		font-size: 3em;
	}
	
	.event-cards.owl-carousel .owl-nav .owl-prev {
		float: left;
		margin-left: -2px;
	}
	
	.event-cards.owl-carousel .owl-nav .owl-next {
		float: right;
		margin-right: -2px;
	}
	
	.event-desc ol{
		font-family: sans-serif;
	}
	
	.section-title{
	    font-size: 1.8rem;
	}
	
	.join_now button {
		height: 120px;
		width: 50px;
		font-size: 1.2em;
	}
		
	#footer{
		font-size: 13px;
	}

}