@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');


.footer {
	font-size: 15px;
    color: #193755;
	font-family: 'Noto Sans TC', sans-serif;
}

.content {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #193755;
	line-height: 25px;
}


.contentbb {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #193755;
	line-height: 25px;
}


.contentw {
	font-family: 'Airal', sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 25px;
}

.contentb {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #193755;
	line-height: 25px;
}


.contentg {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #3ab050 !important;
	line-height: 25px;
}

.sponsors {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 17px;
	text-decoration: none;
	color: #193755;
	line-height: 25px;
}

.intro {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #333333;
	line-height: 30px;
}

.title {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: bold;
	font-size: 35px;
	text-decoration: none;
	color: #193755;
	line-height: 38px;
	text-align:left;
}

.titlec {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 50px;
	text-decoration: none;
	color: #193755;
	line-height: 60px;

}

.title_b {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: bold;
	font-size: 35px;
	text-decoration: none;
	color: #193755;
	line-height: 38px;
	text-align:left;
}

.bbtitle {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: bold;
	font-size: 21px;
	text-decoration: none;
	color: #193755;
	line-height: 22px;
}

.wtitle {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: bold;
	font-size: 35px;
	line-height: 38px;
	text-decoration: none;
	color: #FFFFFF;
}

.fottertitle {
	font-family: 'Noto Sans TC';
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	text-decoration: none;
	color: #193755;
}

.fottercontent {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 17px;
	text-decoration: none;
	color: #193755;
	line-height: 25px;
}

.wfottertitle {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	color: #FFFFFF;
}

.wfottercontent {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 17px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 25px;
}

.btitle {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 30px;
	text-decoration: none;
	color: #666666;
}

.ctitle {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 25px;
	text-decoration: none;
	color: #CDA136;
}

.add {
	font-family: 'Noto Sans TC', sans-serif;
	font-size:15px;
	font-weight: normal;
	color: #333333;
}

.div_button{
	display:block;
	background-color:#193755;
	border-radius: 30px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	width:80%;
	max-width:550px;
	margin-top:15px;
	text-align:center;
	color: #FFFFFF;
	font-size: 25px;
	font-weight: bold;
	font-family: 'Noto Sans TC', sans-serif;
	text-decoration: none;
}
.div_button:hover {
	background-color:#f5ad35;
	text-decoration: underline;
}

.div_button_s{
	display:block;
	background-color:#193755;
	border-radius: 30px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:60%;
	max-width:300px;
	margin-top:5px;
	text-align:center;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Noto Sans TC', sans-serif;
	text-decoration: none;
	cursor: pointer;
}
.div_button_s:hover {
	background-color:#f5ad35;
	text-decoration: underline;
}

.div_button_b{
	display:block;
	background-color:#193755;
	border-radius: 30px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	width:80%;
	max-width:350px;
	margin-top:15px;
	text-align:center;
	color: #FFFFFF;
	font-size: 25px;
	font-weight: bold;
	font-family: 'Noto Sans TC', sans-serif;
	text-decoration: none;
	cursor: pointer;
}
.div_button_b:hover {
	background-color:#f5ad35;
	text-decoration: underline;
}

.collapse{
	display:none;
}
.collapse.in{
	display:block;
}
.collapsing{
	position:relative;
	height:0;
	overflow:hidden;
	-webkit-transition-property:height,visibility;
	-o-transition-property:height,visibility;
	transition-property:height,visibility;
	-webkit-transition-duration:.35s;
	-o-transition-duration:.35s;
	transition-duration:.35s;
	-webkit-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	transition-timing-function:ease
}

bbtitle A:link { font-family: "Noto Sans TC";	font-size: 25px !Important; text-decoration: none; line-height: 25px;color: #193755 }
.bbtitle A:link { font-family: "Noto Sans TC";	font-size: 25px !Important; text-decoration: none; color: #193755; }
.bbtitle A:visited { font-family: "Noto Sans TC"; font-size: 25px !Important; text-decoration: none; color: #193755; }
.bbtitle A:active { font-family: "Noto Sans TC"; font-size: 25px !Important; text-decoration: none; color: #193755; }
.bbtitle A:hover { font-family: "Noto Sans TC";	font-size: 25px !Important; text-decoration: underline; color: #193755; }

content A:link { font-family: "Noto Sans TC";	font-size: 18px; text-decoration: none; line-height: 25px; }
.content A:link { font-family: "Noto Sans TC";	font-size: 18px; text-decoration: none; color: #003366; }
.content A:visited { font-family: "Noto Sans TC"; font-size: 18px; text-decoration: none; color: #003366; }
.content A:active { font-family: "Noto Sans TC"; font-size: 18px; text-decoration: none; color: #003366; }
.content A:hover { font-family: "Noto Sans TC";	font-size: 18px; text-decoration: underline; color: #003366; }

mmenu A:link { font-family: "Noto Sans TC";	font-size: 16px; text-decoration: none; line-height: 25px;color: #2a7c99 }
.mmenu A:link { font-family: "Noto Sans TC";	font-size: 16px; text-decoration: none; color: #2a7c99; }
.mmenu A:visited { font-family: "Noto Sans TC"; font-size: 16px; text-decoration: none; color: #2a7c99; }
.mmenu A:active { font-family: "Noto Sans TC"; font-size: 16px; text-decoration: none; color: #2a7c99; }
.mmenu A:hover { font-family: "Noto Sans TC";	font-size: 16px; text-decoration: none; color: #ffcc66; }

footer A:link { font-family: "Noto Sans TC";	font-size: 17px; text-decoration: none;line-height: 30px; color: #FFFFFF;}
.footer A:link { font-family: "Noto Sans TC";	font-size: 17px; text-decoration: none;line-height: 30px; color: #FFFFFF; ;}
.footer A:visited { font-family: "Noto Sans TC"; font-size: 17px; text-decoration: none;line-height: 30px; color: #FFFFFF; }
.footer A:active { font-family: "Noto Sans TC"; font-size: 17px; text-decoration: none;line-height: 30px; color: #FFFFFF; }
.footer A:hover {
	font-family: "Noto Sans TC";
	line-height: 30px;
	font-size: 17px;
	text-decoration: underline;
	color: #FFFFFF;
}

.col_div{
	cursor: pointer;
	text-decoration: none;
}
.col_div:hover{
	text-decoration: underline;
}

#menu_pc{
	display:table-row;
}
#menu_pc_1000{
	display:none;
}
#menu_mob{
	display:none;
}
#menu_mob_i{
	display:none;
}

.menu_c{
	border-bottom:0px solid #f1edd9;	
}

.menu_c:hover{
	border-bottom:4px solid #f1edd9;	
}

.menu_c:focus{
	border-bottom:4px solid #f1edd9;
}

.dropdowns {
  display: none;
  position: absolute;
  z-index: 1;
  padding-top:6px;
}

.dropdown-menu-sub{
	padding-left:30px;
	padding-right:30px;
	padding-top:4px;
	padding-bottom:4px;
}

.dropdown-menu-s{
	padding-left:30px;
	padding-right:30px;
}

.menu_c:hover .dropdowns {
  display: block;
}

.menu_c:focus .dropdowns {
  display: block;
}

.dropdown2 {
  display: none;
  position: absolute;
  z-index: 1;
  padding-top:6px;
}

.menu_c:hover .dropdown2 {
  display: block;
}

.menu_c:focus .dropdown2 {
  display: block;
}

.speaker{
	width:100%;
	max-width:1200px;
	display: flex;
	flex-flow: wrap;
	text-align:center;
}
.speaker_sub{
	width:50%;
	box-sizing: border-box;
	text-align:center;
	padding-left:1%;
	padding-bottom:30px;
}

.cont_div{
	width:100%;
	max-width:1200px;
	display: flex;
	flex-flow: wrap;
	text-align:center;
}

.cont_message{
	width:60%;
	box-sizing: border-box;
}

.cont_video{
	width:40%;
	box-sizing: border-box;
}



.organ{
	width:100%;
	max-width:1200px;
	display: flex;
	flex-flow: wrap;
	text-align:center;
}
.organ_sub{
	width:25%;
	box-sizing: border-box;
	text-align:center;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:30px;
}

.organ_imgs{
	width:100%;
	max-width:254px;
}

.main_icons{
	width:100%;
	max-width:1200px;
	display: flex;
	flex-flow: wrap;
	text-align:center;
	justify-content:center;
}

.logo_l{
	width:100%;
	max-width:1200px;
	display: flex;
	flex-flow: wrap;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #193755;
	line-height: 25px;
}
.logo{
	width:100%;
	max-width:1200px;
	display: flex;
	flex-flow: wrap;
	text-align:center;
	justify-content:center;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #193755;
	line-height: 25px;
}
.logo_sub{
	width:25%;
	box-sizing: border-box;
	padding-top:40px;
	padding-bottom:30px;
	padding-left:1%;
	padding-right:1%;
}
.logo_sub_a{
	width:20%;
	box-sizing: border-box;
	padding-top:40px;
	padding-bottom:30px;
	padding-left:1%;
	padding-right:1%;
}
.logo_sub_b{
	width:30%;
	box-sizing: border-box;
	padding-top:40px;
	padding-bottom:30px;
	padding-left:1%;
	padding-right:1%;
}
.logo_sub2{
	width:26%;
	box-sizing: border-box;
	padding-top:40px;
	padding-bottom:30px;
	padding-left:1%;
	padding-right:1%;
}
.logo_sub3{
	width:48%;
	box-sizing: border-box;
	padding-top:40px;
	padding-bottom:30px;
	padding-left:1%;
	padding-right:1%;
}
.logo_sub20{
	width:20%;
	box-sizing: border-box;
	padding-top:40px;
	padding-bottom:30px;
	padding-left:1%;
	padding-right:1%;
}
.logo_sub40{
	width:40%;
	box-sizing: border-box;
	padding-top:40px;
	padding-bottom:30px;
	padding-left:1%;
	padding-right:1%;
}
.logo_sub33{
	width:31%;
	box-sizing: border-box;
	padding-top:40px;
	padding-bottom:30px;
	padding-left:1%;
	padding-right:1%;
}
.logo_sub4{
	width:60%;
	box-sizing: border-box;
	padding-top:40px;
	padding-bottom:30px;
	padding-left:1%;
	padding-right:1%;
}
.logo_sub5{
	width:100%;
	box-sizing: border-box;
	padding-top:40px;
	padding-bottom:30px;
	padding-left:1%;
	padding-right:1%;
}
.logo_sub6{
	width:100%;
	box-sizing: border-box;
	padding-top:40px;
	padding-bottom:30px;
	padding-left:1%;
	padding-right:1%;
}
.spon{
	width:100%;
	max-width:1200px;
	display: flex;
	flex-flow: wrap;
	text-align:center;
	justify-content:center;
}
.spon_sub{
	width:50%;
	box-sizing: border-box;
}
.spon_sub2{
	width:33.3%;
	box-sizing: border-box;
}
.spon_sub6{
	width:66.6%;
	box-sizing: border-box;
}
.spon_sub3{
	width:25%;
	box-sizing: border-box;
}
.spon_sub75{
	width:75%;
	box-sizing: border-box;
}

.supp{
	width:100%;
	max-width:1200px;
	display: flex;
	flex-flow: wrap;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #193755;
	line-height: 25px;
	align-items:center;
}
.supp_sub_4{
	width:25%;
	box-sizing: border-box;
	padding:5px;
	padding-bottom:25px;
	text-align:center;
	justify-content:center;
	align-items:center;
}
.supp_sub_5{
	width:20%;
	box-sizing: border-box;
	padding:5px;
	padding-bottom:25px;
	text-align:center;
	justify-content:center;
	align-items:center;
}
.supp_sub_6{
	width:16.6%;
	box-sizing: border-box;
	padding:5px;
	padding-bottom:25px;
	text-align:center;
	justify-content:center;
	align-items:center;
}
.supp_sub{
	width:16%;
	box-sizing: border-box;
	padding:5px;
	padding-bottom:25px;
	text-align:center;
	justify-content:center;
	align-items:center;
}
.supp_sub_s{
	width:14%;
	box-sizing: border-box;
	padding:5px;
	padding-bottom:25px;
	text-align:center;
	justify-content:center;
	align-items:center; 
}
.supp_sub_s2{
	width:10%;
	box-sizing: border-box;
	padding:5px;
	padding-bottom:25px;
	text-align:center;
	justify-content:center;
	align-items:center; 
}
.supp_sub_l{
	width:25%;
	box-sizing: border-box;
	padding:5px;
	padding-bottom:25px;
	text-align:center;
	justify-content:center;
	align-items:center;
}

.logo_sub_bg{
	width:100%;
}

.logo_sub_imgs{
	width:100%; 
	height:100%;
	top:0%;
}

.logo_sub_img{
	display:flex; 
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;	
}

.main_icon{
	width:33.3%;
	box-sizing: border-box;
	text-align:center;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:20px;
}

.member{
	font-size: 16px;
	font-family: 'Noto Sans TC', sans-serif;
	text-decoration: none;
	color: #193755;
	line-height: 25px;
}
.member_table{
	width:100%;
	max-width:1200px;
	display: flex;
	flex-flow: wrap;
	font-size: 16px;
	font-family: 'Noto Sans TC', sans-serif;
	text-decoration: none;
	line-height: 25px;
}

.member_table_l{
	width:17%;
	box-sizing: border-box;
	text-align:left;
	padding:8px;
}

.member_table_r{
	width:33%;
	box-sizing: border-box;
	text-align:left;
	padding:8px;
}

.member_table_r_3{
	width:83%;
	box-sizing: border-box;
	text-align:left;
	padding:8px;
}

.dele_table{
	width:100%;
	max-width:1200px;
	display: flex;
	flex-flow: wrap;
	font-size: 16px;
	font-family: 'Noto Sans TC', sans-serif;
	text-decoration: none;
	line-height: 25px;
}

.dele_table_l{
	width:20%;
	box-sizing: border-box;
	text-align:left;
	padding:8px;
}

.dele_table_r{
	width:30%;
	box-sizing: border-box;
	text-align:left;
	padding:8px;
}

.dele_table_r_3{
	width:80%;
	box-sizing: border-box;
	text-align:left;
	padding:8px;
}


#footer_pc{
	display:block;
}

#footer_mob{
	display:none;
}

.footer_mobs{
	display:block;
	width:100%;
	float:center;
}

.footer_mob1{
	display:block;
	float:left;
	width:54%;
	text-align:left;
	padding-bottom:10px;
}

.footer_mob2{
	display:block;
	float:left;
	width:46%;
	text-align:left;
}

#menu-mobs{
	position:absolute; 
	left:0px; 
	top:105px;
	z-index:10;
}

.sidenav {
	height: 100%;
	width: 0;
	position: relative;
	z-index: 11;
	top: 13;
	left: 0;
	float:left;
	background-color: #FFFFFF;
	overflow-x: hidden;
	transition: 0.5s;
	display:block;
}

.menu-mobs{
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	width:100%;
	font-family: "Noto Sans TC";	font-size: 21px; text-decoration: none; color: #2a7c99;
}

.menu-mobs:visited { font-family: "Noto Sans TC"; font-size: 21px; text-decoration: none; color: #2a7c99; }
.menu-mobs:active { font-family: "Noto Sans TC";font-size: 21px; text-decoration: none; color: #2a7c99; }
.menu-mobs:hover {
	font-family: "Noto Sans TC";
	font-size: 21px;
	text-decoration: none;
	color: #ffcc66;
}

.conf_video_pc{
	display:table-cell;
}

.conf_tr_pc{
	display:table-row;
}
.conf_tr_mob{
	display:none;
}

.conf_video_mob{
	display:table-cell;
}

@media screen and (max-width: 1200px) {
	.dropdown2 {
		right:0;
	}
}

@media screen and (max-width: 1050px) {
	#menu_pc{
		display:none;
	}
	#menu_pc_1000{
		display:table-row;
	}
}
@media screen and (max-width: 720px) {
	.organ_imgs{
		width:70%;
		max-width:254px;
	}

	.cont_message{
		width:100%;
	}

	.cont_video{
		width:100%;
	}
	#menu_pc_1000{
		display:none;
	}
	#menu_mob_i{
		display:table-row;
	}
	#menu_mob{
		display:table-row;
	}
	.organ_sub{
		width:33.3%;
	}
	.main_icon{
		width:50%;
	}
	.logo_sub{
		width:50%;
	}
	.logo_sub2{
		width:50%;
	}
	.logo_sub_a{
		width:50%;
	}
	.logo_sub_b{
		width:50%;
	}
	.spon_sub{
		width:100%;
	}
	.spon_sub2{
		width:100%;
	}
	.spon_sub6{
		width:100%;
	}
	.spon_sub3{
		width:100%;
	}
	.logo_sub6{
		width:50%;
	}
	.supp_sub{
		width:25%;
	}
	.supp_sub_s{
		width:21%;
	}
	.supp_sub_l{
		width:33%;
	}
	.spon_sub75{
		width:100%;
	}
	.logo_sub20{
		width:50%;
	}
	.logo_sub40{
		width:50%;
	}
	.logo_sub33{
		width:50%;
	}
	.main_icon2{
		margin-left:8%;
		margin-right:8%;
		width:33.3%;
	}
	.wtitle{
		font-size:4.8vw;
	}
	.title_b{
		font-size:4.8vw;
		line-height:4.8vw;
	}
	#footer_mob{
		display:block;
	}

	#footer_pc{
		display:none;
	}
	.speaker_sub{
		width:100%;
	}

	.conf_video_pc{
		display:none;
	}

	.conf_video_mob{
		display:table-cell;
	}

	.conf_tr_pc{
		display:none;
	}
	.conf_tr_mob{
		display:table-row;
	}
}
@media screen and (max-width: 480px) {
	.footer_mob1{
		width:98%;
	}
	.organ_sub{
		width:50%;
	}
	.supp_sub{
		width:33%;
	}
	.supp_sub_s{
		width:33%;
	}
	.supp_sub_l{
		width:33%;
	}

	.footer_mob2{
		width:98%;
	}
	.member_table_l{
		width:40%;
	}

	.member_table_r{
		width:60%;
	}

	.member_table_r_3{
		width:60%;
	}

	.dele_table_l{
		width:40%;
	}

	.dele_table_r{
		width:60%;
	}

	.dele_table_r_3{
		width:60%;
	}
	.supp_sub_4{
		width:33%;
	}
	.supp_sub_5{
		width:33%;
	}
	.supp_sub_6{
		width:33%;
	}
}