@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;

}



#page_wrapper{

    min-height: 100vh;

    display: flex;

    flex-direction: column;

    position: relative;

}

#content_area{

	flex: 1;

}

#chatbot_btn{

	height: 45px;

	width: 45px;

	font-size: 1rem;

	border-radius: 50%;

	color: rgb(255,255,255);

	background-color: rgb(0,122,192);

	display: flex;

	align-items: center;

	justify-content: center;

	position: fixed;

	bottom: 5%;

	right: 2%;

	z-index: 10;

}

#chatbot_btn:hover{

	background-color: rgb(8, 133, 205);

	cursor: pointer;

}

/*spacing*/

	.area .content_1{

		margin-bottom: 5%;

	}

	.area .content_2{

		margin-bottom: 7%;

	}

	.area .content_2 div{

		margin-bottom: 1%;

	}

	.area_start{

		background-color: rgb(230,230,230);

		padding-top: 15%;

		padding-bottom:15%;

	}

/*font*/

	.content_0{

		font-size: 1.25rem;

		font-weight: 400;

	}

	.content_05{

		font-size: 1.375rem;

		font-weight: bold;

	}

	.content_1{

		font-size: 1.5rem;

		font-weight: 900;

	}

	.content_2{

		font-size: 1rem;

		font-weight: 400;

	}



@media(min-width: 576px){

	#content_area{

		font-size: 1.05rem;

	}

	.content_layer{

		padding: 2% 3%;

	}

	/*spacing*/

		.area .content_1{

			margin-bottom: 10%;

		}

		.area .content_2{

			margin-bottom: 15%;

		}

		.area .content_2 div{

			margin-bottom: 1.25%;

		}

		.area_start{

			padding-top: 10%;

			padding-bottom: 10%;

		}

	/*font*/

		.area .content_1{

			margin-bottom: 10%;

		}

		.area .content_2{

			margin-bottom: 15%;

		}

		.area .content_2 div{

			margin-bottom: 1.25%;

		}

}



@media(min-width:768px){

	#chatbot_btn{

		height: 70px;

		width: 70px;

		font-size: 1.5rem;

	}

}

@media(min-width:992px){

    /*font*/

        .content_0{

            font-size: 1.5rem;

        }

		.content_05{

			font-size: 1.75rem;

		}

        .content_1{

            font-size: 2rem;

        }

        .content_2{

            font-size: 1rem;

        }

	/*spacing*/

		.area_start{

			min-height: 50vh;

			padding-top: 5%;

			padding-bottom:5%;

		}

}

@media(min-width:1400px){

    .content_0{

        font-size: 2.875rem;

    }

	.content_05{

        font-size: 3.25rem;

    }

    .content_1{

        font-size: 4rem;

    }

    .content_2{

        font-size: 1.25rem;

    }

	.area_start{

        min-height: 90vh;

    }

}