/*==================================
    TYPOGRAPHY
==================================*/

    /*-- GENERAL STYLES
	----------------------------------------------*/
	h1, h2, h3, h4, h5, h6{

		font-family: 'Poppins', Arial, Helvetica, 'Noto Sans TC', sans-serif; 
		font-weight:normal;
		color: #323336;
		margin: 0;
	}

	h1 {
		font-size: 32px;
		line-height: 45px;
		margin: 40px 0 32px 0;
	}

	h2 {
		font-size: 28px;
		line-height: 32px;
		margin: 27px 0 18px 0;
	}

	h3 {
		font-size: 24px;
		letter-spacing: normal;
		line-height: 33px;
		margin: 26px 0 16px 0;
	}

	h4 {
		font-size: 18px;
		letter-spacing: normal;
		line-height: 25px;
		margin: 21px 0 19px 0;
	}

	h5 {
		font-size: 14px;
		letter-spacing: normal;
		line-height: 25px;
		margin: 18px 0 13px 0;
	}

	h6 {
		font-size: 12px;
		letter-spacing: normal;
		line-height: 18px;
		margin: 18px 0 13px 0;
	}


    /*----------------------------------------------
        HEADINGS
    ----------------------------------------------*/

	.heading-line {
		position:relative;
	}

	.heading-line h1, .heading-line h2, .heading-line h3, .heading-line h4, .heading-line h5, .heading-line h6{
		position: relative;
		display: inline-block;
		background-color: #FFF;
		padding-right: 15px;
	}

	.heading-line:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 0;
		border-top: 2px solid #eee;
		left: auto;
		top: 58%;
		right: 0;
	}

	.h2-line:before {
		top: 59%;
	}

	.h3-line:before {
		top: 61%;
	}

	.h4-line:before {
		top: 51.5%;
	}

	.h5-line:before, .h6-line:before {
		top: 55%;
	}

	.heading-underline h1, .heading-underline h2, .heading-underline h3, .heading-underline h4, .heading-underline h5, .heading-underline h6{
		border-bottom: 1px solid #eee;
		padding-bottom:20px;
	}

	.heading-underline h2{
		padding-bottom:20px;
	}

	.heading-underline h3{
		padding-bottom:16px;
	}

	.heading-underline h4{
		padding-bottom:16px;
	}

	.heading-underline h5, .heading-underline h6 {
		padding-bottom:16px;
	}