@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
	
@media screen and (max-width: 1920px) {
	#logo-hkpc{
		width:289px;
	}
	#logo-hkpc-e{
		width:331px;
	}

	#logo-itc{
		width:189px;
	}

	#logo-gf{
		width:136px;
	}
	#logo-76a{
		width:76px;
	}
	.header-height{
		height:90px;
	}
	#header{
		max-width:1600px; 
		padding-top:5px;
		padding-bottom:5px;
	}
	mmenu A:link {
    font-family: "Noto Sans TC";
    font-size: 17px;
    text-decoration: none;
    color: #030c36;
	}
	.mmenu A:link { font-family: "Noto Sans TC";	font-size: 17px; text-decoration: none; color: #030c36; }
	.mmenu A:visited { font-family: "Noto Sans TC"; font-size: 17px; text-decoration: none; color: #030c36; }
	.mmenu A:active { font-family: "Noto Sans TC"; font-size: 17px; text-decoration: none; color: #030c36; }
	.mmenu A:hover { font-family: "Noto Sans TC";	font-size: 17px; text-decoration: none; color: #030c36;  ;
	}
}

@media screen and (max-width: 1024px) {

	.schedule_div{
		max-width:1024px;
	}

	.schedule_table{
		width:1024px;
	}
}

@media screen and (max-width: 880px) {
	#menu-pc{
		display:none;
	}
	#menu-mob{
		display:table-cell;
	}
	#footer-pc{
		display:none;
	}
	#footer-tab{
		display:table-row;
	}
	#footer-mob{
		display:none;
	}
	#menu-pc{
		display:none;
	}
	#logo-hkpc{
		width:100%;
		max-width:289px;
	}
	#logo-hkpc-e{
		width:100%;
		max-width:331px;
	}

	#logo-itc{
		width:100%;
		max-width:189px;
	}

	#logo-gf{
		width:100%;
		max-width:136px;
	}

	#logo-76a{
		width:100%;
		max-width:76px;
	}
	.intro_sub_2{
		width:100%;
	}
	#intro_sub-2p{
		display: none;
	}
	#intro_sub-2m{
		display: flex;
	}
	.highlight_sub_3{
		width:50%;
	}
	.schedule_div{
		max-width:880px;
	}

	.schedule_table{
		width:880px;
	}
}

@media screen and (max-width: 720px) {
	#logo-hkpc{
		width:70%;
		max-width:289px;
	}
	#menu-mobs{
		top:53px;
	}
	.header-height{
		height:65px;
	}
	#header-pc{
		display:none;
	}
	#header-mob{
		display:table-row;
	}
	#banner_div{
		display:none;
	}
	#banner_div2{
		display:none;
	}
	#banner_mob{
		display:block;
	}
	.icon_sub{
		display:block;
		float:left;
		text-align:center;
		width:49.6%;
		margin:0.2%;
		height:auto;
	}
	#cont-pc{
		display:none;
	}

	#cont-mob{
		display:table;
	}
	#micon_wrap .micon {
	  width:50%;
	}
	#icon_wrap .icon {
	  box-sizing: border-box;
	  padding-right:5px;
	  margin-bottom:5px;
	  width:100%;
	}
	.img_Wrapper{
	  max-width:720px;
	}
	#icon_wrap_h .icon_h {
	  padding-right:30px;
	}
	#icon_wrap_h{
	  display:none;
	}
	.cont_sub_2{
		width:100%;
	}
	.cont_sub_4{
		width:33.3%;
	}
	.cont_sub_3{
		width:50%;
	}
	.highlight_sub_3{
		width:100%;
	}
	.supp_sub_4{
		width:33.3%;
	}
	#pc_banner{
		display:none;
	}
	#mob_banner{
		display:table-row;
	}

	.wtitle4 {
		font-size: 10px;
		line-height: 16px;
	}

	.wcontent2 {
		font-size: 14px;
		line-height: 20px;
	}

	.gtitle {
		font-size: 28px;
		line-height: 33px;
	}
	.wtitle {
		font-size: 26px;
		line-height: 30px;
	}
	.wcontent {
		font-size: 16px;
		line-height: 22px;
	}

	.wtitle3 {
		font-size: 14px;
		line-height: 20px;
	}
	.content {
		text-align: justify;
		font-size: 14px;
		line-height: 20px;
	}

	.contentb {
		text-align: justify;
		font-size: 14px;
		line-height: 20px;
	}
	.contentb A:link { font-family: "Noto Sans TC";	font-size: 14px; text-decoration: none; color: #000000; }
	.contentb A:visited { font-family: "Noto Sans TC"; font-size: 14px; text-decoration: none; color: #000000; }
	.contentb A:active { font-family: "Noto Sans TC"; font-size: 14px; text-decoration: none; color: #000000; }
	.contentb A:hover { font-family: "Noto Sans TC";	font-size: 14px; text-decoration: underline; color: #030c36;  ;
	}

	.s_title_1 {
		font-family: 'Noto Sans TC', sans-serif;
		font-size: 16px;
		text-decoration: none;
		color: #000000;
		line-height: 22px;
	}
	
	.s_title_2 {
		font-family: 'Noto Sans TC', sans-serif;
		font-size: 14px;
		text-decoration: none;
		color: #092387;
		line-height: 20px;
	}

	.support {
		font-size: 12px;
		line-height: 20px;
	}

	.p_sponser{
		width:16%;
	}

	.g_sponser{
		width:31%;
	}

	.b_sponser{
		width:31%;
	}

	.p_sponser-e{
		width:16%;
	}

	.g_sponser-e{
		width:31%;
	}

	.b_sponser-e{
		width:31%;
	}

	.cont_sub_60{
		width:100%;
	}

	.cont_sub_40{
		width:100%;
	}
	.contentc {
		font-size: 12px;
		line-height: 18px;
	}
	.contentd {
		font-size: 14px;
		line-height: 20px;
	}
	.btitle {
		font-size: 18px;
		line-height: 30px;
		text-align:left;
	}
	.btitle2 {
		font-size: 16px;
		line-height: 30px;
	}
	.schedule_div{
		max-width:720px;
	}

	.schedule_table{
		width:720px;
	}
	.agenda_speaker{
		width:60px;
	}
	.agenda_speaker_left{
		width:100%;
	}

	.agenda_speaker_right{
		width:100%;
	}
	.agenda_speaker_left-2{
		width:100%;
	}

	.agenda_speaker_right-2{
		width:100%;
	}

}
@media screen and (max-width: 640px) {
	.img_Wrapper{
	  max-width:640px;
	}
	#icon_wrap_h{
	  display:none;
	}
	#footer-pc{
		display:none;
	}
	#footer-tab{
		display:none;
	}
	#footer-mob{
		display:table-row;
	}
	.cont_sub_70{
		width:100%;
	}
	.cont_sub_30{
		width:100%;
	}
	#main_img_1{
		display:none;
	}
	.schedule_div{
		max-width:640px;
	}

	.schedule_table{
		width:640px;
	}
}

@media screen and (max-width: 500px) {

	.schedule_div{
		max-width:500px;
	}

	.schedule_table{
		width:500px;
	}
}