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

.title {
	font-size: 30px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	font-family: 'Noto Sans SC', sans-serif;
	letter-spacing: 1px;
}

.intro {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 20px;
	color: #333333;
}

#header-icon{
	width:100%;
	max-width:298px;
	min-width:200px;
}

.intro2 {
	width:100%;
	text-align:center;
	background-color:#cccccc;
	margin-top:1px;
	margin-bottom:1px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 20px;
	color: #333333;
	line-height: 34px;
	cursor: default;
}

.intro2 a{
	color: #333333;
	text-decoration: none;
}

.intro2:hover {
	width:100%;
	text-align:center;
	background-color:#dd3c3c;
	margin-top:1px;
	margin-bottom:1px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 20px;
	color: #ffffff;
	line-height: 34px;
	cursor: default;
}

.intro2:hover a{
	color: #ffffff;
	text-decoration: none;
}

.intro3 {
	width:100%;
	text-align:center;
	background-color:#dd3c3c;
	margin-top:1px;
	margin-bottom:1px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 20px;
	color: #ffffff;
	line-height: 34px;
	cursor: default;
}

.intro3 a{
	color: #ffffff;
	text-decoration: none;
}

.footer {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 15px;
	color: #666666;
	line-height: 22px;
}


.date{
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #999999;

}

.Disclaimerc {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 14px;
	color: #999999;
}

.titleb {
	font-size: 20px;
	font-family: 'Noto Sans SC', sans-serif;
	color: #666666;
}

.titleb2 {
	font-size: 55px;
	font-family: 'Noto Sans SC', sans-serif;
}


.copyright {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #CCCCCC;
}
.content {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	line-height: 22px;

}


email A:link { font-family: "Calibri";	font-size: 15px; text-decoration: none; color: #333333; }
.email A:link { font-family: "Calibri";	font-size: 15px; text-decoration: none; color: #333333; }
.email A:visited { font-family: "Calibri"; font-size: 15px; text-decoration: none; color: #333333; }
.email A:active { font-family: "Calibri";font-size: 15px; text-decoration: none; color: #333333; }
.email A:hover { font-family: "Calibri";	font-size: 15px; text-decoration: underline; color: #ff0000; }

news A:link { font-family: "Microsoft JhengHei";	font-size: 13px; text-decoration: none; color: #ff9900; }
.news A:link { font-family: "Microsoft JhengHei";	font-size: 13px; text-decoration: none; color: #ff9900; }
.news A:visited { font-family: "Microsoft JhengHei"; font-size: 13px; text-decoration: none; color: #ff9900; }
.news A:active { font-family: "Microsoft JhengHei"; font-size: 13px; text-decoration: none; color: #ff9900; }
.news A:hover {
	font-family: "Microsoft JhengHei";
	font-size: 13px;
	text-decoration: underline;
	color: #ff9900;
}

menu A:link { font-family: "Microsoft JhengHei"; font-size: 15px; text-decoration: none;font-weight: bold; color: #003399; }
.menu A:link { font-family: "Microsoft JhengHei"; font-size: 15px; text-decoration: none;font-weight: bold; color: #003399; }
.menu A:visited { font-family: "Microsoft JhengHei"; font-size: 15px; text-decoration: none; font-weight: bold;color: #003399; }
.menu A:active { font-family: "Microsoft JhengHei"; font-size: 15px; text-decoration: none;font-weight: bold; color: #003399; }
.menu A:hover { font-family: "Microsoft JhengHei";	font-size: 15px; text-decoration: none; font-weight: bold;color: #FF0000 ; }

	
link A:link { font-family: "Microsoft JhengHei";	font-size: 15px; text-decoration: none;font-weight: bold; color: #003399; }
.link A:link { font-family: "Microsoft JhengHei"; font-size: 15px; text-decoration: none;font-weight: bold; color: #003399; }
.link A:visited { font-family: "Microsoft JhengHei"; font-size: 15px; text-decoration: none; font-weight: bold;color: #003399; }
.link A:active { font-family: "Microsoft JhengHei"; font-size: 15px; text-decoration: none;font-weight: bold; color: #003399; }
.link A:hover { font-family: "Microsoft JhengHei";	font-size: 15px; text-decoration: none; font-weight: bold;color: #FF0000 ; }


#banner_div{
	width:100%;
	overflow:hidden;
	position: relative;
	height:481px;
	display:block;
}

#banner_div2{
	width:100%;
	overflow:hidden;
	position: relative;
	height:250px;
	display:block;
}
#banner_sub{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
#banner_mob{
	display:none;
}
.sub_banner{
	width:1920px;
}

.icon_wapp{
	display:block;
	text-align:center;
	float:none;
	width:100%;
	max-width:968px;
}
.icon_sub{
	display:block;
	float:left;
	text-align:center;
	width:24.8%;
	margin:0.1%;
	height:auto;
}

#header-pc{
	display:table-row;
}
#header-mob{
	display:none;
}

#footer-pc{
	display:table-row;
}
#footer-mob{
	display:none;
}

#cont-pc{
	display:table;
}

#cont-mob{
	display:none;
}


@media screen and (max-width: 1024px) {
	#banner_div{
		width:100%;
		overflow:hidden;
		position: relative;
		height:auto;
	}
	#banner_div2{
		width:100%;
		overflow:hidden;
		position: relative;
		height:auto;
	}
	#banner_divs{
		width:100%;
		overflow:hidden;
		position: relative;
		height:auto;
	}
	#banner_sub{
		position:relative;
		top: 0%;
		left: 0%;
		transform: translateX(0%) translateY(0%);
	}
	.sub_banner{
		width:100%;
	}
}
#menu-mobs{
	position:absolute; 
	right:0px; 
	top:126px;
	z-index:10;
}
.sidenav {
	height: 105%;
	width: 0;
	position: relative;
	z-index: 11;
	top: 21;
	left: 0;
	float:right;
	background-color: #FFFFFF;
	overflow-x: hidden;
	transition: 0.5s;
	display:block;
}
@media screen and (max-width: 720px) {
	#header-pc{
		display:none;
	}
	#header-mob{
		display:table-row;
	}
	#banner_div{
		display:none;
	}
	#banner_div2{
		display:none;
	}
	#banner_mob{
		display:block;
	}
	#footer-pc{
		display:none;
	}
	#footer-mob{
		display:table-row;
	}
	.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;
	}
}
.cont-menu-sub{
	background-color: #CCCCCC;
	font-family: 'Noto Sans SC', sans-serif; font-size: 20px; line-height: 34px;text-decoration: none; color: #333333; 
}
.cont-menu-sub a{
background-color: #cccccc;
	font-family: 'Noto Sans SC', sans-serif; font-size: 20px; line-height: 34px;text-decoration: none; color: #333333; 
}

.cont-menu-sub:hover{
	background-color: #dd3c3c;
	font-family: 'Noto Sans SC', sans-serif; font-size: 20px; line-height: 34px;text-decoration: none; color: #ffffff; 
}