@font-face{

	font-family:noto sans tc;

	font-style:normal;

	font-weight:100;

	src:url(../../fonts/NotoSansTC-Thin.otf) format('opentype')

}

@font-face{

	font-family:noto sans tc;

	font-style:normal;

	font-weight:300;

	src:url(../../fonts/NotoSansTC-Light.otf) format('opentype')

}

@font-face{

	font-family:noto sans tc;

	font-style:normal;

	font-weight:400;

	src:url(../../fonts/NotoSansTC-Regular.otf) format('opentype')

}

@font-face{

	font-family:noto sans tc;

	font-style:normal;

	font-weight:500;

	src:url(../../fonts/NotoSansTC-Medium.otf) format('opentype')

}

@font-face{

	font-family:noto sans tc;

	font-style:normal;

	font-weight:700;

	src:url(../../fonts/NotoSansTC-Bold.otf) format('opentype')

}

@font-face{

	font-family:noto sans tc;

	font-style:normal;

	font-weight:900;

	src:url(../../fonts/NotoSansTC-Black.otf) format('opentype')

}

.fw_100{

	font-weight: 100 !important;

}

.fw_300{

	font-weight: 300 !important;

}

.fw_400{

	font-weight: 400 !important;

}

.fw_500{

	font-weight: 500 !important;

}

.fw_700{

	font-weight: 700 !important;

}

.fw_900{

	font-weight: 900 !important;

}

body{

	font-weight: 300;

}



#page_wrapper{

	min-height: 100vh;

	display: flex;

	flex-direction: column;

	position: relative;

}

#content_area{

	flex: 1;

	padding: 2% 0%;

}

@media(min-width: 576px){

	#content_area{

		padding: 2% 5%;

		font-size: 1rem;

	}

	.content_layer{

		padding: 2% 3%;

	}

}

@media(min-width: 1400px){

	#content_area{

		padding: 2% 10%;

		font-size: 1.05rem;

	}

}



#toolbox{

	position: fixed;

	bottom: calc(56px + 2%);

	right: 2%;

	z-index: 10;

	padding: 0.5rem 0.375rem;

	border-radius: 1.25rem;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);

	display: none;

}

#toolbox .btn_primary{

	margin-top: 0.5rem;

}



#toolbox .btn_warn{

	margin-top: 1rem;

}



#toolbox .btn_icon:first-child{

	margin-top: 0rem;

}





.medium_width{

	width: 100%;

	margin: 0 auto;

}





@media(min-width: 1200px){

	.medium_width{

		width: 50%;

	}

}